Android canvas bug

安卓4.1.1-4.1.2的webkit在渲染canvas元素时有bug。

具体表现是出现重影，即canvas的clearRect()方法不能彻底清空画布，仍然保留之前某个状态当“背景”。

目前的修复方案如下：

放弃使用

context.clearRect()

方法清除画布，改用

canvas.width=canvas.width;

强制清除。

 

网上还提到一些方案，在此记下备用。

• 设置canvas父元素overflow:visible
• 设置canvas父元素-webkit-transfrom:translateZ(0)强制硬件加速