2012-03-05 93 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

相關問題