0

我有两个问题都可以一起解决,所以我把它放在一起。

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

非常感谢你!

4

2 回答 2

0

如果问题是您做的太多或试图过早地绘制第二张图像。

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

于 2012-03-05T14:24:11.097 回答
0

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

于 2012-03-05T14:46:20.657 回答