我有两个问题都可以一起解决,所以我把它放在一起。
我试图将用户在一个 HTML5 画布上绘制的内容复制到另一个。
为此,我使用 javascript 获取 dataURL 并将新图像分配给该 dataurl,然后分配该图像以绘制我的第二个画布的 drawImage。这是代码。
duplicate=function(){
dataURL = oCanvas.toDataURL();
img.src = dataURL;
context2.drawImage(img, 0, 0);
};
这段代码的问题是我必须按两次复制按钮才能显示在第二个画布上。我相信这是因为它试图一次完成函数中的所有事情。当我第一次单击重复时,它同时设置了 dataURL 和 img src,而 img.src 将其视为空字符串。我点击的第二种类型我已经说过 dataURL 就是它,img.src 认为它是这样的......
我该如何解决?
然而,我的主要目标是将此 dataURL 保存到数据库中,我尝试将 ajax 与 get 方法一起使用,但这里的问题是 dataURL 包含太多字符,导致 get 出现问题。
有没有一种特殊的方法可以对 dataURL 进行编码并使其对 get/ajax 友好,以便我可以将其保存到我的数据库中?
非常感谢你!