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

Question

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

这可能吗？

Answer 1

您可以，只需使用HTMLCanvasElement.toDataURL(type)，然后绘制它，创建一个新的Image，将其源指向保存的数据作为字符串。

替代方法：使用CanvasRenderingContext2D.getImageData(x, y, width, height)获取图像数据，然后使用CanvasRenderingContext2D.putImageData(ImageData)绘制图像数据。

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