文章詳情頁
javascript - canvas clearRect 清除不成功
瀏覽:207日期:2022-12-01 10:44:22
問題描述
如圖在部分安卓機不兼容,會出現的效果是,又1變成35的數字變化中,1沒有被刪除,和35重疊在一起,這個問題應該怎么解決啊演示地址如下: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后發現,filltext()沒有對應的clear方法,也可能是我沒找到。所以建議你試一下:在每次繪制前,都繪制一個' '空字符串,即在cts.fillText(process+'%',x,y)前加一句cts.fillText(' '+'%',x,y)覆蓋掉之前寫的字再重寫。希望能幫到你~
標簽:
JavaScript
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. 配置Apache時,添加對PHP的支持時語法錯誤4. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. phpstudy8.1支持win11系統嗎?7. javascript - nodejs關于進程間發送句柄的一點疑問8. 實現bing搜索工具urlAPI提交9. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化10. javascript - 移動端上不能實現拖拽布局嗎?
排行榜

網公網安備