64 comments found.
Does this script still work? I see the last update was 2 years ago.
Hi, thank you for your interest!
It does work, at least not many complains from recent buyers.:)
Not seeing updates could also mean it’s working outstandingly well. 
Hello Supporter In live preview “Download as SVG” link does not work . I wanted to test it (the other two links work), Can you fix it please?
Hello and thank you for the heads up!
I’ll look into it and fix it hopefully this weekend.
I found the bug. We need to remove the placekitten.com image from demoContent.js, because the link causes a CORS error, which also breaks the SVG download.
I updated the live preview. The update to Themeforest will come a bit later.
hey, are you planning to add quick filter like grayscale?
Hi! I’m not planning, but it shouldn’t take long to implement it for one based on the filters it already has.
hi, is your script can save and load very fast if 10000 shapes like circle ou rectangle ? is each shape have unique id ? can handle click to link shape to data ?Thanks
Hi!
- you can createe an SVG with 10000 shapes and upload it in the editor to test it - AFAIK yes, each item has an ID, but if not, you can easily add an ID via Fabric - you can export the canvas as a JSON object
Email sent if you offer customization service to be able to send you the requirements.
Hi! I don’t provide any customization services.But you can take a look on UpWork.
Email sent by your profile. You send me your profile UpWork so I can send you the customizations.
Like I said, I don’t offer any customization services. But there are hundreds of developers who do on UpWork. You just put up your project there and offers will arrive. Good luck!
Hello! This editor is wonderful. How can it be installed on WordPress? Have you thought about turning it into a plugin?
Hello and thank you for the kind words!
Nope, I don’t want to deal with WP.
There are more than one solution. For example you can create a separate page for the editor under your domain and take users there via links.
Or create a page template where you import the editor and add that to your site (not sure tho if this still a thing, since I used WP a long time ago).
You can import export data via XHR requests and JSON.
https://svgeditoronline.com/documentation.htmlEither way, you’ll need a developer probably. You can take a look at UpWork.
Hi – nice work! Is there a way to dynamically add text and images when the script initializes, other than editing the static JS files (demoContent.js, FabricCanvas.js)? In other words, the JavaScript would be in the index.html file.
Hi!
Yes, you can load content via XHR request as we do in demo. The content can depend on your passed parameters.
- fabric.Image.fromURL(‘https://yoururl.com/parameters') - fabric.loadSVGFromURL(‘https://yoururl.com/parameters'')
This looks like a great starting point for an upcoming project of mine.
I will need to allow users to change colors of the SVG objects on the canvas in the selection settings. Does one have access to SVG DOM of the selected object in order to add this functionality (e.g iterate over all distinct colors in the SVG and display a color picker per color) ?
Also I think a general feature that could be useful (and should be easy to implement), add different decorations (arrowheads, circles) to endnodes of lines
1. It’s possible to code it. 2. There are many features that could be implemented, but I had to draw the line somewhere. I want to keep it as a simple tool with minimal amount of buttons.
How would I fix the issue when downloading, if I used “Fit to Content” button, the download buttons reset the canvas size right before download and the final download is different from my “Fit to Content” canvas.
Hi!
I was able to reproduce the issue. I’ll fix it this weekend or next week!
hello, I realized that when changing the zoom it changes the size of the document, is that correct?
Hi! I think this was a bug that I fixed in v1.1.0
Is it possible to save the width and height in the json ? I notice that it does not record the size of the document
You can set the document size in Canvas settings, in the bottom left side menu.
ok, but when updating the page the defined size is lost
Hi, is it possible to customize the shape menu with my own figures?
Hi! Of course!
i want this all features from this link “https://github.com/SVG-Edit/svgedit” in your svg-editor react app.
Hello!
And I want 1 million dollar! :))
What do you think is missing from my editor? Why don’t you use that then?
we need following function which is not available in your version: Rulers, change rotation angle manually,pinch zoom work with rulers,move element by axis X and Y..
I see, thank you for the feedback! Although I can’t promise, I will consider adding some (or all) of them in the update that’s coming within the next 2 months.
This project looks fantastic! Any plans to import from PDFs? This is the only thing holding me back!
As well as maybe importing some of those open source image-to-vector libraries for dragging in some PNG clipart to then be used as a vector (albeit, not a true vector)?
Thank you for your interest! I’m not planning to implement any of these above unfortunately.
When is the next big push is expected? I can see that one was made on October 18 but asking for the next one.
Hi! Maybe at the end of the year.
When i buy packagge is there an compiled version of the Editor in it (html, js, css). Or do i always need node js and reactje? I would like to integrate it into an existing website ASP.NET MVC website.
Yes, “npm run build” compiles it into pure JS, HTML, CSS that you can place anywhere.
why the demo not working?
Hi!
It seems to be working on my end in both Chrome and Firefox. Maybe you need to do a hard refresh in your browser?
Hello We are interesting in the svg editor, we have some question: 1. How to place toolbar in different position (at bottom, ...) ? 2. place svg editor to iframe, and how to communicate with vanilla javascript ? 3. Does it run on touch screen ? we test on touch screen, the canvas not zoomable with two finger. and when touching out size to zoom, whole web page zooming
Hello, sorry for the late reply, I’m on holiday. It’s built in React, so you’ll need a developer who is versed in React, JS, CSS, HTML. You can take a look on upwork.com
1.) Via CSS and HTML inside the React components. 2.) Via XHR calls, canvas content can be saved and forwarded as JSON or alternatively build your whole app around the editor. 3.) It works, but not 100%. FabricJS supports touch events to a certain degree, although not everything is worked out. I haven’t built any two finger zooming into it, you need to use the zoom tool in bottom right corner.
https://svgeditoronline.com/documentation.htmlhello in the system can you make two adjustments?
1 – when I put the photo, is there a way to leave it locked?
2 – can you add a gallery where you can save some images?
Hello! Everything is possible. If you’re familiar with React, you can easily develop this application further as you wish.
Hi Dear , Could this version support download as HTML5 code and add button dom elements and imgages ? I want to adapt this version to create banners for example? is it possible ?
Hi! Sorry for the late reply, I was on holiday. The editor can be developed further as you wish in React. Reach basically generates a javascript and HTML5 code.
https://svgeditoronline.com/documentation.htmlHi, how can I send the canvas draw image by ajax post? can you help me please?
Hi!
You can base64encode the image something like this: canvas.toDataURL() (You should check the download image part in App.js)
Then you can POST it to PHP via an XHR using:
- a library: https://axios-http.com/docs/post_example
- or plain JS: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
