Javascript 中的 SVG 解析器答案

【问题标题】：SVG Parser in JavascriptJavascript 中的 SVG 解析器
【发布时间】：2010-11-14 05:03:29
【问题描述】：

我相信有一次，我看到了一个在浏览器中工作的 TinySVG 实现，它使用 canvas 元素作为后端。我发现一些站点似乎表明它位于http://fuchsia-design.com/CanvaSVG/，但是，该站点似乎不再存在。这个项目（或类似项目）是否仍在网络上的任何地方？

【问题讨论】：

【解决方案1】：

在能够使用画布元素（firefox 等）的环境中，您已经内置了对使用 img 标签呈现 SVG 的支持。

如果您正在寻找更多跨浏览器的东西；我会好好看看 dojo 或更具体地说是dojox.gfx，它允许使用画布、VML（用于 IE）或 silverlight 进行 SVG 渲染。它允许您使用转换矩阵和绘图函数做各种其他非常聪明的事情。

【讨论】：

IE 可以通过插件和 js 包装器支持画布（谷歌的 excanvas 很好地出现了）。看起来 dojo.gfx 更适合 svg 作为一种潜在的输出路径，而不是解析器。不过，它看起来确实是一个不错的 API。

【解决方案2】：

仅供参考，https://github.com/gabelerner/canvg 完全可以将 SVG 转换为 Canvas。

【讨论】：

【解决方案3】：

在 Google 上仔细查看后，CanvaSVG 似乎只是 Antoine Quint 的一个项目 hacked together in a couple of days，现在似乎为 Apple 工作。

我确实看到他的网站至少在 7 月 2 日被 Google 缓存了，所以它还没有离线太久，虽然在 Google 缓存中没有 CanvaSVG 的踪迹，只有一个过时的博客。

Archive.org 确实有该页面的 snapshot，但其中包含代码的下载链接。

我还在 Google Code 上找到了一个项目using CanvaSVG。

这两个下载都是 0.1 版。

我确实遇到了一些其他类似的项目，但没有一个真正将 SVG 转换为 <canvas>。例如，SVGCanvas 正好相反。

【讨论】：

【解决方案4】：

CakeJS 项目提供了一个 SVG 解析器 (http://code.google.com/p/cakejs/)。

【讨论】：

【解决方案5】：

来自 Google 的 Brad Neuberg 正在制作可在 IE 中运行的 SVG 垫片：

【讨论】：

【解决方案6】：

flanvas.com 几乎处于测试阶段

【讨论】：