SVG-edit is a vector graphics editor intended for users who need to do quick edits to existing Scalable Vector Graphics (SVG) images, all within their existing web browser, not requiring additional software installation.
Browsers supported
SVG-edit works in any modern browser:
SVG-edit is a cross-browser web-based, JavaScript-driven web tool, and has also been made into browser addons, such as an addon for Firefox,[2] a Chrome App [3] and a standalone widget for Opera.[4] An experimental SVG editing extension to MediaWiki uses SVG-edit.[5]
Components
SVG-edit consists of two major components: svg-editor.js and svgcanvas.js. These components work cooperatively. File svgcanvas.js can be used outside of SVG-edit, allowing developers to create alternative interfaces to the canvas. Do not confuse this term with HTML5 Canvas element, canvas is a drawing area (div) here.
Version history
SVG-edit was first announced by Narendra Sisodiya on 6 Feb 2009 in its minimal version.[6] Version 2.0 was developed by Pavol Rusnak and released on 3 June 2009.[7] The current stable release is 2.7.[8]
Features
Features in current stable release
-
Free-hand drawing
-
Lines, Polylines
-
Rects/Squares
-
Ellipses/Circles
-
Polygons/Curved Paths
-
Stylable Text
-
Raster Images
-
Select/move/resize/rotate
-
Undo/Redo
-
Color/Gradient picker
≠* Group/ungroup
-
Align
-
Zoom
-
Layers§§§§
-
Convert Shapes to Path
-
Wireframe Mode
-
Save drawing to SVG
-
Linear Gradient Picking
-
View and Edit SVG Source
-
UI Localization
-
Resizable Canvas
-
Change Background
-
Draggable Dialogs
-
Resizable UI (SVG icons)
-
Open Local Files (Fx 3.6 only)
-
Import SVG into Drawing (Fx 3.6 only)
-
Connector lines and Arrows
-
Plugin Architecture
-
Editing outside the canvas
-
Add/edit Sub-paths
-
Multiple path segment selection
-
Support for foreign markup (MathML)
-
Radial Gradients
-
Configurable Options
-
Eye-dropper tool
-
Stroke linejoin and linecap
-
Export to PNG
额额我去她却无法
See also
References
-
^ "SVG-edit". Code.google.com. Retrieved 8 May 2014.
-
^ [1]
-
^ "Chrome Web Store - Vector Paint". Chrome.google.com. Retrieved 2012-10-25.
-
^ "SVG Edit - Opera Widgets". Widgets.opera.com. Retrieved 2012-10-25.
-
^ "Extension:SVGEdit". MediaWiki. 2012-09-01. Retrieved 2012-10-25.
-
^ "TechFandu : Tips and Tricks in Computer: Online web based SVG Editor". Blog.narendrasisodiya.com. 2009-02-06. Retrieved 2010-06-25.
-
^ "SVG-edit, a web based SVG editor". Stick.gk2.sk. 2009-06-03. Retrieved 2010-06-25.
-
^ "Release of Version 2.7 - Google Groups". Groups.google.com. Retrieved 2014-04-08.
External links
-
SVG-edit
-
SVG-edit announcement
-
Review of 2.4 release
-
Site Point Review of version 2.4
-
Ajaxian.com Review of SVG-edit version 2.4
-
YouTube video introducing SVG-edit
-
SVG-Edit: A Cross-Browser SVG Editor in JavaScript
-
A small introduction to SVG-edit
This article was sourced from Creative Commons Attribution-ShareAlike License; additional terms may apply. World Heritage Encyclopedia content is assembled from numerous content providers, Open Access Publishing, and in compliance with The Fair Access to Science and Technology Research Act (FASTR), Wikimedia Foundation, Inc., Public Library of Science, The Encyclopedia of Life, Open Book Publishers (OBP), PubMed, U.S. National Library of Medicine, National Center for Biotechnology Information, U.S. National Library of Medicine, National Institutes of Health (NIH), U.S. Department of Health & Human Services, and USA.gov, which sources content from all federal, state, local, tribal, and territorial government publication portals (.gov, .mil, .edu). Funding for USA.gov and content contributors is made possible from the U.S. Congress, E-Government Act of 2002.
Crowd sourced content that is contributed to World Heritage Encyclopedia is peer reviewed and edited by our editorial staff to ensure quality scholarly research articles.
By using this site, you agree to the Terms of Use and Privacy Policy. World Heritage Encyclopedia™ is a registered trademark of the World Public Library Association, a non-profit organization.