狄烁STEC的试验场

hello earth

导航

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

posted on 2014-02-24 17:06  狄烁STEC  阅读(642)  评论(0编辑  收藏  举报