canvas繪畫出並顯示小程序的邏輯首先是將網絡圖片轉化為本地圖片,其次再將進行繪畫。將本地圖片和二維碼顯示在畫布上,最后將整個畫布截圖用api顯示在屏幕上。真正的畫圖讓他飛去屏幕外。
畫的時候 規定字體顏色,背景 圖片距離左上角的距離 字體大小 等
需要注意的是,微信小程序的畫布不能直接用網絡圖片,需要利用wx.getImageInfo({})來將網絡圖片轉化為本地圖片;
轉化的時候有倆個地方要注意,一個可以是域名報錯,可以打開設置里的不校驗,
也可以用微信小程序api
轉化成臨時圖片,在轉化本地圖片
2.是轉化是會404報錯,我是在路徑前面加多個/,畫布上的圖片就可以顯示了;
有時候會需要用到遮蓋布陰影,有個坑就是background:rgb(0,0,0,0.5)要改為 rgba(0,0,0,0.5)記住加了屏幕才會顯示,本地調試雖然有效果,但是手機上沒有效果的。