canvas在小程序中遇到的問題解決

以下問題都是開發者工具沒有報錯的時候還是出現的問題。可以進行排查後再排查以下的問題,如還是出現問題可以留言或者到微信社區留言,慢更中……

wx.createCanvasContext()

從基礎庫 2.9.0 開始,本接口停止維護,請使用 Canvas 代替

1.canvas在開發者工具中顯示正常,真機調試空白

canvas 2d 和 webgl 都不能真機調試 ,預覽模式可以

2.canvas在開發者工具中顯示正常,預覽模式或體驗版空白

a.檢查所有的域名,看有沒有加入到合法域名中,將開發者工具的“不檢驗合法域名”的選項去掉進行調試,配置完需要重新編譯代碼;

後臺域名只能加https的,需排查所有http;

3.canvas在開發者工具中顯示空白

a.如果canvas在子組件中,使用格式:uni.createCanvasContext(canvas-id, this);this指向canvas所在的頁面

b.type屬性設置後,canvas-id就失效了

4.canvas繪圖中canvasToTempFilePath出現 create bitmap failed

部分安卓機子會出現這個問題, 當失敗時重新調用canvasToTempFilePath方法,直至繪製成功

5.canvas繪製圖片失真

canvas是px單位的,不失真的方法是繪製的圖片放大再縮小,失真還是會失真的,不會那麼嚴重就是了

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章