Javascript 将令人沮丧的简单画布绘制图像保存到本地web文件夹？

我有一个画布，允许用户用画笔在上面画画

JS

HTML

我有两个独立的js文件，在网页sketcher.js和trignometry.js之前加载

---

我需要做的是将画布上绘制的任何内容保存到本地存储或作为本地文件夹中的临时文件，每次加载画布时都可以调用该临时文件。

看起来画笔图像污染了画布，并将阻止toDataURL

你必须：

• 将服务器配置为以符合CORS的方式交付图像：

或

• 将您的映像托管在一个云站点上，该站点的服务器头设置为允许跨域共享

在这两种情况下，您还必须在客户端设置crossOrigin标志，以避免浏览器将画布设置为污染：

brush.crossOrigin="anonymous";

brush.src="...";

---

我正在使用这个函数var dataURL=sketch.toDataURL（）；log（保存），但现在我得到一个污染画布无法导出错误。

<canvas id="sketch" width="1024" />
<canvas id="draw"/>

brush.crossOrigin="anonymous";

brush.src="...";