微信小程序的canvas和遮蓋布顏色設置問題


canvas繪畫出並顯示小程序的邏輯首先是將網絡圖片轉化為本地圖片,其次再將進行繪畫。將本地圖片和二維碼顯示在畫布上,最后將整個畫布截圖用api顯示在屏幕上。真正的畫圖讓他飛去屏幕外。

畫的時候 規定字體顏色,背景      圖片距離左上角的距離   字體大小 等

需要注意的是,微信小程序的畫布不能直接用網絡圖片,需要利用wx.getImageInfo({})來將網絡圖片轉化為本地圖片;

 

轉化的時候有倆個地方要注意,一個可以是域名報錯,可以打開設置里的不校驗,

 

 也可以用微信小程序api

 

 

轉化成臨時圖片,在轉化本地圖片

 2.是轉化是會404報錯,我是在路徑前面加多個/,畫布上的圖片就可以顯示了;

 

有時候會需要用到遮蓋布陰影,有個坑就是background:rgb(0,0,0,0.5)要改為 rgba(0,0,0,0.5)記住加了屏幕才會顯示,本地調試雖然有效果,但是手機上沒有效果的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM