dishuostec

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)强制硬件加速

分类:

技术点:

相关文章: