HTML5 Canvas 图像如何保存为 SVG 或 base 64 格式？

Question

我们可以将 Canvas 图像导出为 svg 或 base 64，然后再将其导入回来吗？

Answer 1

这并不容易，不。没有将 Canvas 图形导出为 SVG 的直接方法 - 它们是根本不同的表示类型，Canvas 2D 使用 raster显示，如电 View 像，SVG 存储几何形状，可以在不降低质量的情况下调整其大小。

简单的答案是，如果你需要 SVG 输出，不要使用 Canvas ，从 SVG 开始(更简单的 SVG 图形库 http://raphaeljs.com/ 在这里可能会有用)。

复杂的答案是——如果您记录了您执行的所有 Canvas 操作并有一些方法可以用 SVG 重新创建它们，您可以导出到 SVG，但是，除非您有一组受限的操作，否则这基本上意味着您需要实现所有 Canvas 绘图功能和模式!