文章詳情頁
javascript - canvas clearRect 清除不成功
瀏覽:87日期:2022-12-01 10:44:22
問題描述
如圖在部分安卓機不兼容,會出現(xiàn)的效果是,又1變成35的數(shù)字變化中,1沒有被刪除,和35重疊在一起,這個問題應(yīng)該怎么解決啊演示地址如下:https://chengzhuotc.github.io...
問題解答
回答1:在moveTo的前面加個cts.save();在fillText后面加個cts.restore()試試;
回答2:你要檢查一下clearRect的范圍有沒有超出畫布的大小,如果超出的話是會有一些莫名其妙的bug。
回答3:因為canvas繪制可以重疊。可以參考下這篇博客:http://www.jianshu.com/p/2d51...這篇博客里在每次繪制前都會使用clearRect()清除原先的矩形,你可以類似得在每次繪制文字前,清除原先文字。但是我查了canvas的api后發(fā)現(xiàn),filltext()沒有對應(yīng)的clear方法,也可能是我沒找到。所以建議你試一下:在每次繪制前,都繪制一個' '空字符串,即在cts.fillText(process+'%',x,y)前加一句cts.fillText(' '+'%',x,y)覆蓋掉之前寫的字再重寫。希望能幫到你~
標簽:
JavaScript
相關(guān)文章:
1. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處2. javascript - ios返回不執(zhí)行js怎么解決?3. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題4. 視頻文件不能播放,怎么辦?5. python bottle跑起來以后,定時執(zhí)行的任務(wù)為什么每次都重復(多)執(zhí)行一次?6. html5 - HTML代碼中的文字亂碼是怎么回事?7. javascript - 求幫助 , ATOM不顯示界面!!!!8. mysql 查詢身份證號字段值有效的數(shù)據(jù)9. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示10. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了
排行榜

熱門標簽