我正在寻找绘制SVG图的工具，我想在网页中显示相同的内容。
有很多工具可以创建SVG图，但我正在寻找为每个形状添加一些额外字段的工具。
好的，首先我会明确解释我的要求。当我们使用任何SVG工具创建一个矩形时，它将创建一个带有rect元素的SVG元素，在我的例子中，我想区分两个设备“device type-1”和“device type-2”（在我的web应用程序中使用CSS） ）但它们的形状是矩形的。
所以，我必须为绘图工具中的每个矩形添加一些额外的信息，以便使用Javascript我可以理解设备的类型，根据设备类型，我可以为每个矩形应用不同的CSS。
怎么做？任何绘图工具都支持这种功能吗？
答案 0 :(得分：1)
您可以使用http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html并定义稍后在JavaScript中引用的ID
答案 1 :(得分：0)
一种方法是让我们使用Adobe Illustrator来设计元素，并使用Raphael JS来显示和动画这些元素。插图画家绘制矢量图形的方式和SVG的方式有一些差异，因此普遍的共识是让图形相对简单。有几个指南，但这个看起来特别好：