0

我正在寻找一种工具来绘制 SVG 图，我想在网页中显示它。

有很多工具可以创建 SVG 图，但我正在寻找一种为每个形状添加一些额外字段的工具。

好的，首先我会清楚地解释我的要求。当我们使用任何 SVG 工具创建一个矩形时，它将创建一个带有 rect 元素的 SVG 元素，在我的情况下，我想区分两个设备“设备类型 1”和“设备类型 2”（在我的 Web 应用程序中使用 CSS ) 但它们的形状是矩形的。

因此，我必须在绘图工具中为每个矩形添加一些附加信息，以便使用 Javascript 我可以了解设备类型，根据设备类型我可以为每个矩形应用不同的 CSS。

这个怎么做？任何绘图工具都支持这种功能？

4

2 回答 2

1

您可以使用http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html并定义稍后在 JavaScript 中引用的 ID

于 2013-03-12T13:39:27.320 回答
0

一种方法是让我们 Adob​​e Illustrator 为您设计元素，并由 Raphael JS 来显示和动画所述元素。illustrator 绘制矢量图形的方式和 SVG 的方式存在一些差异，因此普遍的共识是让您的图形相对简单。那里有几个指南，但这个看起来特别好：

http://snugug.com/musings/illustrator-raphael-js-guide

于 2013-03-12T13:27:44.207 回答