将javascript保存到mysql数据库+;复制数据URL

将javascript保存到mysql数据库+;复制数据URL,javascript,mysql,html,canvas,data-url,Javascript,Mysql,Html,Canvas,Data Url,我有两个问题,这两个问题都可以一起解决,所以我把它作为一个问题来回答 我试图将用户在一个HTML5画布上绘制的内容复制到另一个 为此,我使用javascript获取dataURL,并为该dataURL分配一个新图像,然后分配该图像以绘制第二个画布的drawImage。这是代码 duplicate=function(){ dataURL = oCanvas.toDataURL(); img.src = dataURL; context2.drawImage(i

我有两个问题,这两个问题都可以一起解决,所以我把它作为一个问题来回答

我试图将用户在一个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友好,以便将其保存到数据库中


多谢各位

如果问题是你做得太多或试图过早地绘制第二幅图像


在img.onload()上调用context2.drawImage()

关于在数据库中的存储,能否将图像数据存储在表单字段中,然后模拟帖子?

显示您试图在数据库中保存的示例javascript谢谢!回答了我的一个问题!我仍然需要知道如何编码的数据库虽然!