javascript - canvas clearRect 清除不成功

Question

如图在部分安卓机不兼容，会出现的效果是，又1变成35的数字变化中，1没有被删除，和35重叠在一起，这个问题应该怎么解决啊
演示地址如下：
https://chengzhuotc.github.io...

Answer 1

在moveTo的前面加个cts.save();
在fillText后面加个cts.restore()试试;

Answer 2

你要检查一下clearRect的范围有没有超出画布的大小，如果超出的话是会有一些莫名其妙的bug。

Answer 3

因为canvas绘制可以重叠。
可以参考下这篇博客：
http://www.jianshu.com/p/2d51...
这篇博客里在每次绘制前都会使用clearRect()清除原先的矩形，你可以类似得在每次绘制文字前，清除原先文字。
但是我查了canvas的api后发现，filltext()没有对应的clear方法，也可能是我没找到。
所以建议你试一下：
在每次绘制前，都绘制一个" "空字符串，即
在cts.fillText(process+"%",x,y)前加一句cts.fillText(" "+"%",x,y)覆盖掉之前写的字再重写。
希望能帮到你~