問(wèn)題描述

如圖在部分安卓機(jī)不兼容，會(huì)出現(xiàn)的效果是，又1變成35的數(shù)字變化中，1沒(méi)有被刪除，和35重疊在一起，這個(gè)問(wèn)題應(yīng)該怎么解決啊演示地址如下：https://chengzhuotc.github.io...

問(wèn)題解答

在moveTo的前面加個(gè)cts.save();在fillText后面加個(gè)cts.restore()試試;

你要檢查一下clearRect的范圍有沒(méi)有超出畫(huà)布的大小，如果超出的話(huà)是會(huì)有一些莫名其妙的bug。

因?yàn)閏anvas繪制可以重疊。可以參考下這篇博客：http://www.jianshu.com/p/2d51...這篇博客里在每次繪制前都會(huì)使用clearRect()清除原先的矩形，你可以類(lèi)似得在每次繪制文字前，清除原先文字。但是我查了canvas的api后發(fā)現(xiàn)，filltext()沒(méi)有對(duì)應(yīng)的clear方法，也可能是我沒(méi)找到。所以建議你試一下：在每次繪制前，都繪制一個(gè)' '空字符串，即在cts.fillText(process+'%',x,y)前加一句cts.fillText(' '+'%',x,y)覆蓋掉之前寫(xiě)的字再重寫(xiě)。希望能幫到你~