之后，就是需要准備畫圖的一些資源，比如圖片之類的 　　網絡圖片需利用微信接口 wx.downloadF ...

test.wxml test.js ...

由於我們無法將小程序直接分享到朋友圈，但分享到朋友圈的需求又很多，業界目前的做法是利用小程序的 Canvas 功能生成一張帶有小程序碼的圖片，然后引導用戶下載圖片到本地后再分享到朋友圈。相信大家在繪制分享圖中應該踩到 Canvas 的各種彩蛋（坑）了吧～ 這里首先推薦一個開源的組件 ...

data: { // 屏幕可用寬高 windowWidth: wx.getSystemInfoSync().windowWidth, window ...

主要思路： 　　1、先分割為字符串數組，然后一個字一個字繪圖，利用ctx.measureText(string) 方法，獲取繪制后的寬度，判斷寬度在多少內就另起一行，再將各行拼成一個字符串 　　2 ...

一.添加util.js文件 /** * 生成uuid */ const wxuuid = function () { var s = []; var hexDigits ...

一、制作正常顯示海報，生成二倍海報隱藏 代碼如下 <!--index.wxml--> <view class="container"> <view class="show"> <image src="{{cardPath ...

前言 微信小程序需要生成海報進行朋友圈分享，但是不同的手機會有問題， 然后首先是圖片的問題 圖片 在模擬器上沒有報錯，可是真機測試卻什么也沒畫出來。 canvas.drawImage 是不支持網絡圖片的，只支持本地圖片。 所以，任何的網絡圖片都需要先緩存到本地，（當然上線的時候需要 ...