是否有任何工具可以将 SVG 数据转换为 Canvas 友好的输入？ [关闭]答案

【问题标题】：Are there any tools to transform SVG data to Canvas friendly input? [closed]是否有任何工具可以将 SVG 数据转换为 Canvas 友好的输入？ [关闭]
【发布时间】：2010-09-17 07:03:26
【问题描述】：

是否有任何工具可以将 SVG (XML) 数据转换为 Canvas 友好的输入？

【问题讨论】：

标签： javascript xml svg

【解决方案1】：

看看canvg。它是一个 JavaScript 库，可以解析 SVG 并渲染到指定的画布元素中：

http://code.google.com/p/canvg/

还有一篇 Ajaxian 文章（但我每篇文章只能发布一个链接）标题为“CanVG：使用 Canvas 渲染 SVG 文件”

【讨论】：

阿贾克斯的文章在这里：ajaxian.com/archives/canvg-using-canvas-to-render-svg-files

【解决方案2】：

不，我不这么认为。 SVG 实际上与 Canvas 有很大不同。 SVG 是一种矢量图形描述语言，而画布是由指令集以编程方式“绘制”的。此外，Canvas 实际上根本不是基于矢量的。

看看Raphael Javascript Library。它的 API 将根据浏览器的功能绘制 SVG/Canvas/VML。

【讨论】：

【解决方案3】：

Dojo 还支持渲染 SVG。

查看 dojoX 包。 link text

【讨论】：

【解决方案4】：

看看来自 svg 公开会议的this article。在中间的某个地方，它讨论了一种使用服务器端渲染结合 svg 和 canvas 的方法。

【讨论】：

还可以看看后续文章：From SVG to Canvas and Back，这似乎是我找到的关于这个主题的最完整的参考。

【解决方案5】：

我使用 Canvg 作为基础来创建这个在线工具：

www.professorcloud.com/svg-to-canvas

它从 SVG 输入创建 JavaScript Canvas 函数。没有完整的 SVG 规范，但足够有用。

【讨论】：

【解决方案6】：

Fabric.js 有一个 SVG-to-canvas 解析器。这是demo。请注意单击侧边栏 SVG 部分中的按钮如何获取 SVG 文档并将它们实时解析到画布上。

您甚至可以操作那些画布渲染的对象（缩放、移动、旋转等）

【讨论】：

@I.J.Kennedy 谢谢！自从我发布这个以来已经有一段时间了。 Fabric 现在拥有自己的网站、文档、演示、google 组、大量新功能和对旧功能的完善（例如，相同的 SVG 解析器）。

【解决方案7】：

看看 XSLT。

【讨论】：

是的，我知道我可以用 XSLT 做到这一点，但是编写转换器并非易事。所以我一直在寻找一个已经为我做这件事的工具，或者类似的东西