SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

SVG-edit是一款快速、基于Web、使用JavaScript驱动的SVG编辑器,适用于现代浏览器,如Firefox 1.5+、Opera 9.50+、Safari 4、Chrome 1+、IE 6+(需要Chrome Frame插件),以及本地文件打开功能支持的浏览器,如Firefox 3.6+、Chrome 6+、Safari 5+、Opera 11.10+ (从2011-04-05起)。该编辑器提供了丰富的功能,包括自由绘制、线条、多边形、椭圆、文本、位图图像等,并支持多种文件导出格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Try the demo here


Google Code

Introduction

SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

  • Firefox 1.5+
  • Opera 9.50+
  • Safari 4+
  • Chrome 1+
  • IE 6+ (with the Chrome Frame plugin, native IE9 support in 2.6)

This editor depends on many other open-source projects. See Acknowledgements for details.

In browsers that support the W3C File API, this editor allows you to open local files. The set of browsers in which this supported is: Firefox 3.6+, Chrome 6+, Safari 5+, and Opera 11.10+ (builds from 2011-04-05 onwards).

Demos

Try out SVG-edit 2.5.1, the latest stable release (Release notes).

A largely usable alpha build is also available (still rough around the edges, localization not updated).

For the adventurous ones, feel free to try out the trunk build (not guaranteed to be stable).

Features

SVG-edit is an online vector graphics editor that uses only JS, HTML5, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features:

  • 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
  • Import SVG into Drawing
  • Connector lines and Arrows
  • Plugin Architecture
  • Smoother freehand paths
  • Editing outside the canvas
  • Increased support for SVG elements
  • 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

New in 2.6 alpha (more to come for 2.6 final):

  • Support for Internet Explorer 9
  • In-group editing
  • Image library
  • Shape library
  • Context menu
  • Cut/Copy/Paste
  • Gridlines, snap to grid
  • Merge layers
  • Duplicate layer

SVG-edit works directly in the browser. There have been several side projects: A Firefox Add-on, an Opera Widget, a Google Wave Gadget (no longer maintained).

Videos / Screencasts

Examples

Development/Discussion

Please follow us on Google+.

If you have done some HTML/JS/CSS programming before, look at this list of good first bugs and submit a patch.

We have started to document the developer API here: http://svg-edit.googlecode.com/svn/trunk/docs/index.html

We have started to gather some unit tests for SVG-edit here: http://svg-edit.googlecode.com/svn/trunk/test/all_tests.html

Further Reading

Projects That Use SVG-edit

Around The Web

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值