2012-03-05 65 views
0

我有两个问题,两个一起工作,所以我把它放在一个整体。将javascript保存到一个mysql数据库+复制一个dataURL

我试图复制什么用户已经吸取了一个HTML5画布到另一个。

要做到这一点,我使用JavaScript和分配到dataurl一个新的图像,然后分配该图像画我的第二画布的drawImage方法抓住dataURL。这是代码。

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包含了这么多字,导致问题与获得数据库。

有一种特殊的方式,我可以编码dataURL并使其获得/ AJAX友好,所以我可以将它保存到我的数据库?

非常感谢!

+0

显示示例JavaScript您试图保存在db – 2012-03-05 14:23:59

回答

0

如果问题是,你只是在做得多,或试图过早地绘制第二图像。

呼叫context2.drawImage()上img.onload()

+0

谢谢!回答了我的一个问题!我仍然需要知道如何编码数据库,但! – Dom 2012-03-05 14:35:51

0

关于数据库存储,您可以将图像数据存储在一个表单字段,然后模拟一个POST?

+0

我爱你。为什么我不能想到... – Dom 2012-03-05 15:13:43

相关问题