小程序使用 canvas 生成二維碼

因項目需求需要在小程序端生成海報自帶二維碼

成圖

在這裏插入圖片描述
在網上找了一個算法改過來使用,希望能幫助到使用的人
創建一個canvas

 <canvas canvas-id="shareCanvas" style="width: 600rpx;height:840rpx;position:relative;" catchtouchmove="myCatchTouch"></canvas>

在這裏插入圖片描述
引入 qrcode ,引入路徑根據自己頁面路徑來寫

QR.api.draw(lefts.data.url, ctx, 141 / 2 * w, 141 / 2 * w, lefts, false, 87 / 2 * w, 591 / 2 * w);

調用方式 爲 url wx.createCanvasContext(‘shareCanvas’); 二維碼的 寬 高 this false 在海報中的位置 X Y
調用後會在當前海報指定位置生成一個二維碼

插件地址https://download.csdn.net/download/weixin_43365995/11465032
如果需要關於小程序海報繪製的原生更多方法請留言

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