Stack Overflow
Stack Overflow

Questions tagged [svg-edit]

SVG-edit is a web-based, JavaScript-driven SVG drawing editor that works in any modern browser.

Useful links

67 questions
1
vote
0 answers

How to use an external image as pattern in svg-edit?

I'm a new to svg-edit, and I have a problem with using external link as pattern image. Svg-edit delete the part xlink:href="http://www.micromark.com/RS/SR/Product/85373_T.jpg" when I apply modifications in the source :
Delphine
  • 11
  • 1
1
vote
0 answers

How to set custom configurations for embedded "Method-Draw" svg-edit fork

How to use setConfig method with "Method Draw" editor.I tried setting them as below. But it doesn't support to set config options. But I was able to use setSvgString,setResolution methods as below. My question is "how can I override default…
Randika
  • 683
  • 3
  • 11
  • 32
1
vote
1 answer

is there a simple way to use svg-edit as inline wysiwyg editor?

I see it is used in separate window by blue griffon, but is it possible to make it edit the svg in place?
makc
  • 1,050
  • 1
  • 9
  • 20
1
vote
0 answers

how to draw inner or outer path for a path in svg

I am new to svg , I need to draw a inner or outer path for the svg editor generated svg path , i am unable to draw . I tried a lot but i cant . help me.
saravanan
  • 401
  • 1
  • 4
  • 11
1
vote
2 answers

Empty and non-clickable filling of SVG paths in SVG-edit

I am doing a modiciation of SVG-edit which is an online SVG-editor: https://code.google.com/p/svg-edit/ I allow my users to draw shapes only with fillings set to "none". However now i want when my users draw these shapes, to allow them to hover over…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
1
vote
1 answer

Integrating a Raphael library within SVG-edit. Compatibility issues?

Is it possible to use a Raphael library such as this one : https://github.com/poilu/raphael-boolean within SVG-edit, that uses plain SVG? : SVG-edit website:https://code.google.com/p/svg-edit/ I have tried to marry them both but i am guessing they…
nicholaswmin
  • 21,686
  • 15
  • 91
  • 167
1
vote
1 answer

How to import an image/raster in svg-edit using the embedded API

I determined using the core api that the method "svgCanvas.importImage(url) can import base64 encoded images. But the embedded API does not expose this method which is private. It also seems i can not use any of the methods that method uses…
Eddie
  • 9,696
  • 4
  • 45
  • 58
0
votes
0 answers

Trouble with SVG editing functionality in Angular application

Is there is any documentation how we can implement svgEdit in angular? plz mention or type the complete process for implemnting this editor in angular app npm i svgedit I have tried to use it in angular application but facing a lot of issues
M.hussnain Gujjar
  • 1
0
votes
0 answers

Raphael.registerFont font render distorted

what i am expect ? i need to render times new roman font same as ilustrator in svgeditor what is svgeditor ? it helps user to edit svg image and art how do i load font ? on event i set font as css propert font family what i tried ? i tried to…
Owais Qureshi
  • 35
  • 7
0
votes
1 answer

How do I run svg-editor without using node.js?

I am trying to add https://github.com/SVG-Edit/svgedit to a website. The install instructions show how to use this with Node.js I was told that the editor would run also without Node.js so I tried to clone the repo and place it under the "static"…
MiniMe
  • 1,057
  • 4
  • 22
  • 47
0
votes
2 answers

What is the best way to include this within a React application? #731

I'd considering SVGEdit (https://github.com/SVG-Edit/svgedit) within a larger React context, what would be the best way to include it for development? At first, I was thinking I'd 1) clone the entire project within the React project, 2) build it and…
Detuned
  • 3,652
  • 4
  • 27
  • 54
0
votes
1 answer

SVGedit: how to remove all elements from svgCanvas?

How to remove all elements from svgCanvas ? I tried with : svgCanvas.clearSvgContentElement() svgCanvas.clearSelection(); With no success. (and if possible avoid blinking effect)
yarek
  • 11,278
  • 30
  • 120
  • 219
0
votes
3 answers

Why image doesn't scale properly in SVG?

I am taking input(x,y, height, and width) from user to create a dynamic img in SVG through javascript. It works fine but Height and width don't scale according to the value (it act as padding across the image). Height and width doesn't increases or…
Shahid
  • 105
  • 11
0
votes
1 answer

getting proper mouse position inside a zoomable iframe

I have a project on svg-edit where i have to create polygon on mouse-click , the svg-canvas (not HTML5 canvas suppose as drawing board) is zoomable, i can create polygon on 100% zoom but when i zoomin or zoomout i can't, actually i am unable to get…
Shah Alam
  • 87
  • 8
0
votes
0 answers

I can't drag and drop a svg element having viewbox which is dynamically appended in svgedit tool's canvas

I am working on a SVG project i have to add a svg text by giving manually its size and other parameters. but there is no heght parameter in svg text element so i am using a svg as parent element of text element and viewbox of svg set as BBOx of text…
Shah Alam
  • 87
  • 8
1
2
3 4 5