我有两个问题,这两个问题都在一起工作,所以我把它作为一个问题。
我正在尝试将用户在一个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保存到数据库中,我曾尝试使用带有get方法的ajax,但这里的问题是dataURL包含太多字符,这会导致get出现问题。
有没有一种特殊的方法可以对dataURL进行编码,使其对/ajax友好,这样我就可以将其保存到数据库中?
非常感谢!
发布于 2012-03-05 22:46:21
关于在DB中的存储,您可以将图像数据存储在表单字段中,然后模拟POST吗?
https://stackoverflow.com/questions/9568188
复制相似问题