javascript - 使用 Raphael 操作 SVG

Question

是否可以使用 Raphael 来操作嵌入的 SVG 图像？我过去使用 Raphael 来绘制形状，但实际上还没有看到它被用于操作现有的 SVG 图像。如果没有，还有什么可以让我轻松更改颜色、添加事件等到嵌入式 SVG 图像的多边形的吗？

Answer 1

根据我阅读Raphael.js源代码的经验，我必须同意以前的帖子。我能想到的替换或修改 SVG 的唯一方法是替换/修改标记/DOM 本身。

我想在我的答案中添加一个简短的一般解释，说明为什么会这样。Raphael 被设计为 SVG/VML生成器。也就是说，Raphael 制作 JavaScript 对象，并在制作时将其相应的 SVG/VML 标记附加到 DOM。这些对象有许多额外的属性，使它们在 Raphael 框架中工作。

可以编写一个插件，通过读取其属性围绕 SVG 元素构造一个 Raphael 对象，但是，我怀疑这样的对象可能没有与其他 Raphael 对象共存所需的所有信息。当然，目前不存在这样的解析/重构功能。

Answer 2

有趣的是，昨天我发现glitchsvgicons页面这样做了。
尽管以非常原始的方式，仅使用正则表达式替换零件。
不过，这可能是一个提示：显然，您可以在 SVG 图标上使用旧的搜索/替换文本部分。但它比使用真正的 Dom 树更容易出现问题......