Code

Discussion on Pixie - Image Editor

Discussion on Pixie - Image Editor

By
Cart 3,620 sales

Vebto supports this item

Supported

1312 comments found.

States are not loading back.. if you create with large/heavy image.. then… what should i do then ???

Hi,

Please create a ticket regarding this on our support site and include the state you are having issues with: https://support.vebto.com.

Thanks!

What is textureSize: ???

You should not need to modify that value unless your are working with very large images. If you are, and those images are not fully loading, increasing this value should solve the issue.

Hi, When I use pixie inside a form having text inputs (besides the pixie editor) the keyboard events like arrows or delete are not working on the focused field. This is considered an issue. Can you please fix it?

Hi,

This should have been corrected in one of the updates. Do you have latest version of pixie?

Yes I have the latest version. Please search for this line: this.bindings.push({keybind:this.parseKeybindString(t),keybindString:t,callback:e,preventDefault:!0}) This tells the browser to preventDefault for bindings for arrow and delete keys. If I set preventDefault to 0 (means false), it works fine. Anyway I solved it myself. Please consider that users may want their default functionality along with the pixie editor. It is unacceptable at least for me to debug a purchased code.

Sorry about that. Seems like that fix was not available in the version that is on CodeCanyon yet. It will be corrected with next update though.

I recently purchased pixie and think it is a great product. However, I need the watermark to appear at the bottom of the graphic instead of it being in the center. I was able to remove the X lines from the watermark by editing the JS file but can’t figure out how to make the watermark appear at the bottom. From what I can tell it is set on the originY axis centered. I am aware that watermark positioning is not a feature of the pixie script but any help would be appreciated.

Hi,

It’s not a simple change and not something I can explain via comments unfortunately.

I have implemented a custom frame and it works. Is there a way for me to place the custom frame on top of the image automatically when the user saves?

Please create a ticket regarding this on our support site: https://support.vebto.com.

Thanks!

hi i got some problem ,how to change the toolbar background color? please help me!

Hi,

There’s no built in way to do this currently, you would need to use some custom CSS for this.

hi nice script.. we are looking for an interface for customers to upload/submit their high res images for printing, would this script make the uploaded images print ready? (CYMK, set resolution/dpi) thanks

Hi,

Thanks!

Yes, you can export images in original uncompressed format which would work for printing.

I am going to be creating all images from scratch. Is it possible to save/export that created image to svg? Right now in your demo it seems to only save to png.

Hi,

There’s no built-in button for this currently, but you can export to SVG via pixie API.

Hmm, why not? Kind of makes it hard for me to see what format svg is in before I purchase. I want to make sure all items are converted properly to shapes, etc.

Also, can an image be imported into a work space? Lets say you are working on a new one from scratch and you want to include a logo or something.

.svg is not something users usually want to export as, but I’ll see if we can add this for next update.

As for image, yes, you can open it via “open > overlay image” button or via pixie API.

Hi, It’s great plugin my employer purchased it and i am in middle of implementing it, It automatically opens the editor on page load, I just have this on my page it when ever page loads, editor window open. I want open to be done only at button click. var pixie = new Pixie({ onSave: function (data, name) { // uploading to server pixie.close(); }); }, }); //at button click event funciton buttonEdit_Click() { pixie.openEditorWithImage(document.querySelector('#image')); }

I want my editor to stay closed at page load, only open at button click

Hi,

Please create a ticket regarding this on our support site and include your site url: https://support.vebto.com.

Thanks!

Can i only draw?Why there is no eraser?

Are you planning to ? I think you really should

Just to clarify, you can remove drawing completely by deleting it from objects panel, you just can’t erase part of it.

We’ve no plans for this functionality at the moment unfortunately.

its been a lot and I think you should

Do you have a documentation for angular integration?

Hi,

There’s no documentation for this at the moment unfortunately.

Hello,

Awesome product! I’m trying to replace the default sample images, however I can only seem to append to them. Here’s my code:

var pixie = new Pixie({ ui: { theme: ‘dark’, openImageDialog: { show: true, sampleImages: [ { url: ’../../graphics/demo/fall.jpg’, thumbnail: ’../../graphics/demo/bigger_thumbs/fall_thumb.jpg’ } ] } }, showExportPanel: true, onLoad: function() { window.postMessage(‘pixieLoaded’, ’*’); } });

This shows 4 sample images instead of 1. Any way to replace the existing samples?

Thank you.

Hi,

There’s no easy way to do it currently, but it should be possible with next update.

We would like to have a base template with a die outline, so when the user uploads an overlay image, it would be placed behind the die outline.

Then, on the overlay images, I don’t see an option to crop them. The only time I see the crop tool is when i’m on the background. How do I crop overlay images? I do see that I can resize the image but we’ll want our users to be able to crop as well. Is this a function of this tool?

For frames I meant this: https://support.vebto.com/help-center/articles/47/frame You can try existing frames on demo site.

As for z-index, every item on canvas (image, sticker, frame, text etc) has an index number which controls at what depth that item appears (lower index at the bottom, higher at the top), you can change this via configuration or by re-ordering via drag and drop in “Objects” panel.

Thanks for the replies. Unfortunately, the answer’s given thus far are not giving us the information that we are really looking for. So, I’m going to try and provide you with our specific use case and see if we can go from there.

First off, we are not currently using your product. Right now we are trying to gather information on the capabilities of your product to see if it is a tool we might be able to leverage. We really don’t need specific answer’s on “how” to do specific things necessarily, but whether the tool is capable of doing it. Secondly, we have a very specific use case in mind and your online demo and the documentation that we’ve read through doesn’t make it clear that the tool can handle our specific needs.

Now, down to the specifics. We are needing the tool to have some form of an overlay/frame/mask (whatever term fits in this situation) that would only exist for visual purposes. It would show the user where the editable area of the canvas exists, but would not itself appear on the finished artwork / output. This frame would need to sit over the top of the current canvas, and would need to be locked in place so that the user is unable to move or edit it. Reading the available documentation on your site, it would appear that this is not currently capable of this, but we wanted to pose the question before we make any decision concerning the use of your tool.

This is definitely possible, however you would most likely need to create a custom object via pixie API for this (image, shape, sticker or whatever else is needed).

This object can then be marked as “locked” to prevent movement and as excluded from exporting (so it does not appear in downloaded image).

I want to translate into my language. I have read the instructions at: https://support.vebto.com/help-center/articles/10/13/52/translations But I don’t really understand how to translate, I’m a beginner. Please let me know specific instructions step by step implementation. Thank you.

Hi,

Please create a ticket regarding this on our support site: https://support.vebto.com.

Thanks!

Can I use this script and allow my users to use to edit their images?

Hi,

Yes, it can be integrated into existing sites easily.

Tools cannot display in Version 2.1.3

Does this happen on demo site as well?

Doesn’t happen on demo site

Please create a new ticket here regarding this and include your site url.

Thanks!

I’ve purchased codecanyon-10721475-pixie-image-editor.zip and was expecting to be able to save unwaterwarked images. However, the images I save are still watermarked with “pixie demo”.

How can I remove this watermarking?

Never mind, I now see that this is an option.

Very good solution! Thank you.

The current downloadable zipfile “codecanyon-10721475-pixie-image-editor.zip” contains file “hLine.png” twice and asks to overwrite it when extracting it with 7zip.

Would be neater if this didn’t happen.

http://prntscr.com/mwussj

Hi,

Thanks for letting us know, this should be corrected with next update.

Same for “vLine.png”.

Hi.. why my Canvas Background is not working ??

in sample pixie is working… but when i have included in project it is not … can you guide me why is that ??

MY CODE :

new PrintWrapp({ /urls: { baseUrl: “assets/MYURL/”, assets: “MYURL”, },/ baseUrl: ‘MYURL’, blankCanvasSize: {width: 800, height: 600}, ui: { nav: { position: ‘bottom’, }, openImageDialog: { show: false, sampleImages: null, }, mode: ‘inline’, }

something is wrong with that ?? is it happening because of blankCanvasSize ??

Hi,

Hard to say what is the issue exactly. Could you create a new ticket here regarding this and include your site url so I can take a look.

can you add advertisement system ?

Hi,

You can insert ads manually into default pixie index.html file, if you are using it.

hi! i want to ask some questions I bought your system,but the .svg file doesn’t working i use chrome to open that but the page is not responding please help me! thank you

Hi,

Could you create a new ticket here and attach the file you are having issues with, thank you!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey