HTML5 canvas image如何以SVG或base 64格式保存？

Question

我们可以将画布图像导出为svg还是base 64，然后再导入它？

Answer 1

这并不容易，没有。没有直接的方法将Canvas图形导出为SVG - 它们具有根本不同的表示形式，Canvas 2D使用raster显示器（如电视图像），SVG存储几何形状，可以调整大小而不降低质量。

简单的答案是，如果你需要SVG输出，不要使用画布，从SVG 开始（在这里可以使用更简单的SVG图形库http://raphaeljs.com/）。

复杂的答案是 - 如果记录所有画布操作并用SVG重新创建它们，您可以导出到SVG，但除非您有一组受限制的操作，否则基本上意味着您需要实现所有画布绘图功能和模式！

Answer 2

andrewmu从我原来的问题中得到了很好的答案。

修正后的问题（“or base64”）很容易Google：canvas.toDataURL()。