svg - 绘制 SVG 后的 Canvas 'tainted'

Question

已经问过类似的问题，问题的原因很清楚，我要的是替代方案或解决方法:

我想做的是从画有 SVG 文档的 Canvas 中获取数据 URL。我已经尝试了各种方法，但 IE9 和 Chrome 不会让我在 SVG 出现在该 Canvas 附近时立即获得该 URL。

我试过:

• Canvg(不支持我需要的一切)
• 将svg文件直接绘制到 Canvas 上(content.drawImage(svg, 0 0))
• 为整个 svg 文档创建一个 base64 字符串，使其成为 an 的源，然后将该图像绘制到 Canvas 上。
• 将 svg 保存到一个文件中，设置一个 src 属性指向该文件(在同一域中)，然后将其绘制到 Canvas 上

我的想法用完了。

是否有类似的库可以让我尝试将 svg 栅格化？在绘制之前我是否可以将 SVG 转换为其他东西，以便 Canvas 永远不知道涉及 SVG？是否有一种非常简单的方法可以使用 PHP 或类似的东西在服务器端进行转换？

Answer 1

如果你想栅格化 SVG，这里有几个项目:

• SVG BTOA Serializer
• Server-side rasterization from serialized SVG

这是一个浏览器兼容性表:

• From SVG to Canvas and Back