Code

Discussion on Pixie - Image Editor

Discussion on Pixie - Image Editor

By
Cart 3,620 sales

Vebto supports this item

Supported

1312 comments found.

Possible to add my own font also there ?

Hi,

Yes, custom fonts can be added via configuration.

Can this script add its own elements? Add specific materials yourself!

Hi,

Can you clarify a bit on what elements do you mean specifically?

I want to purchase but I have no idea how to layer images (put image on top of another). Please send screenshot or video guide how to do that. Thanks.

Hi,

You can add a custom button for this via pixie configuration.

is it based on php mysql or any other

Yes. You can save current editor state in a file and load it later to restore the state.

just i want to know when we click on save or edit image that time any data u post ?? so that we can save in server end

By default it downloads to user’s computer, you can change it to send the image or state to server instead.

Hi! It would be very interesting if the example code of the installation package could have the same options as the demo version, with the customization options, to define the menu items. Even better if it had a drag drop feature, to change the order in which they appear. It’s just a suggestion. Thanks :) https://prnt.sc/oFVPJyrNyjj6

Hi,

We should have more examples included with next update.

Thanks :)

Untill Now i cant post anything in my support why you disabeld me ??

................. Now i want to change maximum width when i Crop

i cant over 2400 pxl   why?

from where i can change that ?

i log with evanto

and i try edit size more times cant change over 2400

We’ll get back to your ticket regarding this shortly.

please someone tell me, how much time they take to reply. after two prompt reply. I was looking to purchase MTDb also but after two reply there is long deep silence.I was, like I am wasting time and money.It was very annoying, after creating ticket and not getting support.

Hi,

We’ll get back to your ticket shortly.

Thank you for reply and support. If you promise prompt and continue support then only I shall go for MTDb.

Hello , why i cant write anything in my support ?!!! . Select the item you need help with

is disabeld for me !!!!

and when i log didnt find my support items !

Do you still have that issue? I can see a ticket from this account created a few days ago.

yes now i can log in thanks i was logged by another envato account last days

Hi, right now when i click in the sticker, always show me in a size of 150×150 px.  I tried to customize using the sticker default but change the size of all the sticker. What is the method to setup for example: Sticker 1, size 100×50px. Sticker 2, size 64×64px Sticker 3, size 150×150px.

Hi,

There’s no built-in way to change default size for a specific sticker only at the moment.

Guys,

Since then I upgraded. I have lost not only the visitors but also this editor. I am requesting again as I don’t have support anymore. I really need all the basic and default buttons back on editor. https://www.betapixel.coderesist.com/example.html

Just help me to know what code to enable or copy paste from your user guide. So my editors will start showing like before.

Yes. The default example now has the upload button, similar to previous versions.

https://www.betapixel.coderesist.com/example.html , just updated the script. but cannot find any upload button.

It’s the image icon next to undo/redo. You can change the icon or add a label to that button via configuration, if needed.

Why do i have to log in with my Envato account to see the documentation?

Makes no sense… There is no option to sign up via email, only via the envato account and I dont want to log in that way.. kindly share the documents via other source to me..

Hi,

We are not able to verify your purchase otherwise. No personal details are shared from envato though, only items purchased specifically from Vebto.

hi sir..can pixie create hotspot image with dynamic data

Hi,

Can you clarify a bit please?

hello, do you want to include the background remover? I’m interested in buying the plugin if you insert the background remover, would you have a deadline to insert this functionality?

Hi,

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

Dear sir, Can this app remove image background?

Hi,

There’s no built-in option for this currently.

Is there a way to zoom to a specific location? If the draw function is active, the user cannot zoom and pan to a specific location.

Hi,

You can’t zoom via pinch while drawing, but zoom buttons should work properly.

Hi, thank you for your feedback, it is a really great project! You cannot change the viewport, if you zoom in with the the zoom buttons it always zooms to top center and you cannot see and draw in the down part of the image. I hope that is understandable.

There’s no built-in way to zoom in to specific point while drawing currently, but I’ll see if we can add something like this with a future update.

I opened a 6MB test jpg on your demo page. But the downloaded image is over 30MB and a png. Is there a way to prevent this?

Hi,

Yes. You can change default format and image quality via configuration. You can also allow user to select format and quality before downloading.

I have two issues with saving to server since updating to v3. If I use my original code where I define “saveUrl”, then the image saves but the onSave function doesn’t trigger (I have a redirect that should be triggered). var img = 'myimage.jpg'; var redirect = 'https://example.com/whatever'; var pixie = new Pixie({ selector: "#pixie-container", baseUrl: 'https://example.com/pixie/assets', crossOrigin: true, image: img, saveUrl: 'https://example.com/saveimage', ui: { theme: 'dark', allowEditorClose: false, allowZoom: true, showExportPanel: false, openImageDialog: false, toolbar: { hide: false, hideOpenButton: true, hideCloseButton: true, hideSaveButton: false, }, }, objectDefaults: { global: { fill: 'rgb(0, 0, 0)', } }, onLoad: function () { window.postMessage('pixieLoaded', '*'); }, onSave: function (data, name) { console.log("Saved"); //Nothing shows in console window.location.href=(redirect); } }); If I use the code from the example at https://support.vebto.com/help-center/articles/10/11/139/saving-to-server, then the onSave function triggers but there is no base64 encoded image data in the JSON posted to the URL. var img = 'myimage.jpg'; var redirect = 'https://example.com/whatever'; var pixie = new Pixie({ selector: "#pixie-container", baseUrl: 'https://example.com/pixie/assets', crossOrigin: true, image: img, ui: { theme: 'dark', allowEditorClose: false, allowZoom: true, showExportPanel: false, openImageDialog: false, toolbar: { hide: false, hideOpenButton: true, hideCloseButton: true, hideSaveButton: false, }, }, objectDefaults: { global: { fill: 'rgb(0, 0, 0)', } }, onLoad: function () { window.postMessage('pixieLoaded', '*'); }, onSave: function (data, name) { const state = pixie.getState(); const response = await fetch('https://example.com/saveimage', { method: 'POST', body: state }); console.log("Saved"); //Shows in console and redirect works window.location.href=(redirect); } });

How can I successfully save to the server and also redirect on save?

That example is not about saving the final image to the server. In fact it uses an onLoad function. I don’t want to save when it is loaded – when I click “Done” it needs to save the image to the server and then redirect. This worked in v2.

Adding the “headers” option from this example to the code you linked above should solve this issue.

That’s correct. “pixie.getState()” will return the current canvas state, “pixie.export.getDataUrl()” will return the image data.

Please provide the exact code that needs to be added in example.html so that the users can add their own images that need to be edited. Thanks!

Hi,

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

Thanks!

Hi! I am loading image and text dynamically. Its working fine but after text get added, its automatically open text menu like this image. https://www.dropbox.com/s/6p93lg8cjz6lhc7/Screenshot_2008.png?dl=0. How I can prevent it or How I can close it programmatically? Sorry! but my support is expired and I am facing this issue in newest version. in old version, it was not like that. Thanks!

Hi! Thanks a lot for quick reply. But even after add code given by you like this, https://www.dropbox.com/s/bkdbw9kdi75z2tb/Screenshot_2.png?dl=0, its still showing text tools which I want hide.https://www.dropbox.com/s/ng6poud46h9mjg9/hide.png?dl=0. Thanks!

Hi! I am ready to renew support if thats the case I am not getting support. I am happy with old version but because of some reason my some custom fonts working and some are not working. can you please help me for the same? Thanks!

Can you try moving “pixie.openTool(null)” to just below “text.add”? Otherwise “pixie.openTool(null)” will be called first.

hello, I couldn’t do the installation, do you provide this installation service?

Hi,

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

Thanks!

hello, I sent the installation data to support, thank you very much

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