html5 canvas android bug

问题:html5 canvas在android设备上出现两个canvas, 并且拖动过程中,canvas绘出的圆点不消失

解决方法:

1)两个canvas问题:出现该问题跟修改了父元素的overflow属性默认值有关系。

用canvas画图,拖动时,会出现两个canvas,是android版本 4.0以上设备的问题,在android设备上使用canvas画图时,其父元素的overflow属性默认的visible不改变即可不会出现该问题。canvas如果使用的是定位,可以改变其父元素。

2)canvas圆点不消失原因:android设备,使用canvas的clearRect方法不能清空指定范围的像素。

clearRect方法本身的问题,不能正确清除圆点。可以使用fillStyle填充圆点的颜色,使其颜色跟背景色相同,使用fillRect方法控制canvas背景色覆盖的范围。

你可能感兴趣的:(js,html5,canvas,android)