https://github.com/jywarren/svgeditor

A minimal d3-based SVG editor.
https://github.com/jywarren/svgeditor

Last synced: about 2 months ago
JSON representation

A minimal d3-based SVG editor.

• Host: GitHub
• URL: https://github.com/jywarren/svgeditor
• Owner: jywarren
• License: gpl-3.0
• Created: 2015-08-13T16:55:32.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-08-17T17:56:54.000Z (over 9 years ago)
• Last Synced: 2024-10-14T08:15:02.152Z (3 months ago)
• Language: HTML
• Homepage: https://jywarren.github.io/SVGEditor/examples/
• Size: 2.95 MB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
#SVGEditor

====

SVGEditor is a minimal JavaScript, d3-based SVG editor (duh) which installs into SVG ``, ``, and other objects to make them editable. It directly copies changes into the SVG DOM, making a downloadable well-formed SVG in the browser. 

Or it least, it will, when it's complete!

Help out at https://github.com/jywarren/SVGEditor

Crude, early, proof-of-concept demos at https://jywarren.github.io/SVGEditor/examples/

====

##Notepad

* additional tools could be added like `SVGEditor.Rotate` and `SVGEditor.Scale` which also execute `path.setPoints()`

* `SVGEditor.Handle` could also generate and manage `SVGEditor.Guide`

  * which could scan the svg document for snapping targets using svgeditor.snap()

  * provide x and y axis alignment with hotkey modifiers

  * in svg.Editor.setTool('Move'), accept keyboard input for distances and  for creating new nodes

* svg.Editor.setTool('Drag') would make the whole path draggable