我有两个问题都可以合作，所以我把它放在一起。
我正在尝试将用户在一个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进行编码并使其获得/ ajax友好，以便将其保存到我的数据库中？
非常感谢！
答案 0 :(得分：0)
如果问题是你做得太多或者试图过早地绘制第二张图片。
在img.onload（）上调用context2.drawImage（）
答案 1 :(得分：0)
关于在DB中存储，您可以将图像数据存储在表单字段中，然后模拟POST吗？