三星 Galaxy s3 4.1.1 和 4.1.2 上的 Canvas globalCompositeOperation 问题答案

【问题标题】：Canvas globalCompositeOperation issue on Samsung galaxy s3 4.1.1 & 4.1.2三星 Galaxy s3 4.1.1 和 4.1.2 上的 Canvas globalCompositeOperation 问题
【发布时间】：2012-12-29 15:46:20
【问题描述】：

我正在尝试为 Android 浏览器创建一个小型绘图应用程序。但是，当我尝试使用 globalCompositeOperation = "destination-out" 擦除位图时遇到问题，它根本不适用于三星 Galaxy S3

完全相同的代码在装有 android 4.1.1 的 HTC ONE X 上运行良好

我在这里http://code.google.com/p/android/issues/detail?id=39183 发现了类似的问题，但没有解决方案。该示例的行为与我在 SGS3 和 ONEx 上的代码完全相同

知道有什么问题吗？它是 SGS3 唯一的问题吗？

【问题讨论】：

我发现画布在 SGS3 上没有正确更新。但是，如果我移动画布，它将更新。这个解决方案真的很慢，不是一个真正的选择。

标签： html canvas globalcompositeoperation

【解决方案1】：

我也遇到了，但是当我使用 toDataURL 时，我得到的图像是正确的。可能是因为浏览器目前没有渲染画布，所以我更改了css，将其margin-right更改为0px和1px，然后它就可以工作了。

$(this.canvas).css('margin-right', $(this.canvas).css('margin-right') == "0px" ? "1px" : "0px");

【讨论】：