Javascript 我可以将HTML5画布图形保存到变量吗？

我有一个画布，上面有一些图形，例如stroke、arc和rect，我想将画布上的图形保存到一个Javascript变量中，该变量可以再次用于将画布图形恢复到另一个画布上

这是可能的吗？

您可以简单地使用，然后绘制它，创建一个新的，将其源指向保存为字符串的数据

备选方案：使用获取图像数据，然后使用绘制

在另一种情况下，需要将每个绘图点作为对象标记。如果您在问题中指定了，我将更新答案。

您可以简单地使用，然后绘制它，创建一个新的，将其源指向保存为字符串的数据

备选方案：使用获取图像数据，然后使用绘制

---

在另一种情况下，需要将每个绘图点作为对象标记。如果你在问题中指定了这一点，我会更新答案。

基本资料——你真的应该用谷歌搜索一下。保存：

var url=canvascelement.toDataURL（）

，还原：

var img=new Image（）；onload=function（）{otherContext.drawImage（img，0,0）；}；img.src=url

@markE我认为OP更像是一个canvas路径命令序列化程序，我还记得你有一个链接。如果没有，显然不需要通过

toDataURL

+

img

+

drawImage

，

ctx2。drawImage（canvas1）

可能就足够了。@kaido。谢谢——你有敏锐的眼睛来读Q！：-）上下文命令的开始serializer@markE，我不得不承认这只是假设，这个Q对我来说也很不清楚……基本的东西——你真的应该用谷歌搜索一下。保存：

var url=canvascelement.toDataURL（）

，还原：

var img=new Image（）；onload=function（）{otherContext.drawImage（img，0,0）；}；img.src=url

@markE我认为OP更像是一个canvas路径命令序列化程序，我还记得你有一个链接。如果没有，显然不需要通过

toDataURL

+

img

+

drawImage

，

ctx2。drawImage（canvas1）

可能就足够了。@kaido。谢谢——你有敏锐的眼睛来读Q！：-）上下文命令的开始serializer@markE，我不得不承认这只是假设，这个Q对我来说也很不清楚。。。