SVG-edit is a web-based, JavaScript-driven SVG drawing editor that works in any modern browser.
Useful links
Questions tagged [svg-edit]
67 questions
17
votes
1 answer
Changing the width/height of an SVG path
How can I change the width/height of a selected path in SVG-edit.
So far i only have this:
svgCanvas.changeSelectedAttribute("height", "499");
The above command has absolutely no effect on the path. Resizing the bounding box just resizes the…
nicholaswmin
- 21,686
- 15
- 91
- 167
7
votes
2 answers
How to apply transform matrix to path coordinates in Raphael JS 2?
I want to apply or 'bake' a transformation of several paths in Raphael JS 2, so that I can then combine them into one single path.
Here is an example path, where I would like the "transform" attribute to be applied to all the "d" coordinates.
Jedateach
- 395
- 1
- 3
- 10
5
votes
1 answer
How to clip away content that is outside the viewBox?
Is there a function or a way to clip a path that is outside the viewbox instead of just hiding it?
I am using svg-edit which has a viewbox, a canvas area. Everything drawn outside that canvas is hidden. However when the output of the editor is…
nicholaswmin
- 21,686
- 15
- 91
- 167
5
votes
4 answers
Get the bounding box of a selected SVG element
I want to read:
width,height,x,y measurements
for a particular SVG element.
I suppose that easiest way to go about this is to fetch the minimum bounding box first and read it's properties.
How can I access this?
nicholaswmin
- 21,686
- 15
- 91
- 167
3
votes
0 answers
How to create extension to curve texts in svg-edit?
I want to use svg-edit plugin in my project. Now I want to create extension to curve texts like:
svgEditor.addExtension("Curve text!", function() {'use strict';
return {
name: "Curve text",
svgicons:…
Rasool Ghafari
- 4,128
- 7
- 44
- 71
3
votes
0 answers
How to get exact nearest x and y co-ordinates in path in svg?
I working in svg edit 2.7,i working in path tag in svg and i creating path some irregular shape. And then i can drag any svg object over or inside path tag.When i dragged and dropped over or inside on path tag it will result exact nearest drawn x…
VIVEK-MDU
- 2,483
- 3
- 36
- 63
3
votes
0 answers
Integrate svg-edit in rails application
I have to integrate svg-edit in my rails application. I have downloaded its files but I don't want to separate all of its css,js and images and place them in app/assets.And give them their respective path.Is there any easy way of integrating it.
I…
Sachin Prasad
- 5,365
- 12
- 54
- 101
2
votes
1 answer
Is there a way to disable zooming in svg-edit?
I know I can just hide the zoom buttons, but users would still be able to zoom with their mouse wheel. Maybe something along the lines of:
svgEditor.setConfig({
enableZoom: false
});
Thanks in advance for your help.
baweinbe
- 21
- 2
2
votes
1 answer
Is there a Confluence plugin based on SVG-edit?
I'm impressed by the ease of use of SVG-edit, having a sketch editor like that in Confluence would be great! I could not find such a plugin, does anyone know more?
Markus
- 668
- 7
- 27
1
vote
0 answers
how to implement current svgedit within webpack or vue project
I failed to implement SVG-Edit into my project, can somebody show me how.
Here below is my failed solution:
Vue2: copy the compiled svg-edit code into vue project's public folder, and set vue project as multiple-page project by…
1Cr18Ni9
- 1,737
- 1
- 12
- 21
1
vote
1 answer
Can SVG-Edit be made to work in a standalone/offline context?
Because SVG-Edit is such a unique and appealing program, I've been searching for an answer to this question for years, but have come up dry.
After a major struggle, I was able to get it to work by installing Windows IIS, then setting up a web…
Randy Page
- 11
- 5
1
vote
1 answer
How to change gradient colors in svg-edit?
How can I select the colors for a linear gradient in svg-edit?
The "Change fill color" popup lets me select a gradient, which seems to be based on the current solid color of the shape. But there is no color-picker for either vertex.
Florian
- 37
- 1
- 7
1
vote
1 answer
iOS 11.3 causes drawing canvas to pan/scroll with selection with Method-Draw / SVG-Edit
We use MethodDraw which is a fork of SVG-Edit. Ever since the last iOS update on the iPad or iPhone, the screen scrolls when you try to draw a line on the drawing canvas. When making a simple selection, the screen pans around making it unable to…
user1855093
- 373
- 1
- 2
- 14
1
vote
0 answers
How to fix icon image missing when running SVG-EDIT on IIS7 localhost
Downloaded the latest version of SVG-EDIT from https://github.com/SVG-Edit/svgedit but getting a problem. All editing icons were missing when running it on localhost.
Debugged the page on Firefox and seemed the problem was caused by…
MondGuo
- 21
- 4
1
vote
1 answer
Svg-edit load file into canvas programmatically
I am trying to load file in Svg-edit programmatically (not through standard "Open file button"). I added new function "Openclick", it should delete canvas and load saved .svg file (created previously in same editor) into canvas. Canvas is cleaned,…
mira
- 1,056
- 3
- 15
- 32