+
95
-

微信小程序如何生成带二维码的分享海报?

微信小程序如何生成带二维码的分享海报?

网友回复

+
15
-

直接使用canvas画布合成

1、首先在wxml中输入一个canvas和一个现实最终海报的image

<canvas style="position:fixed;top: 0;left: -100%;" type="2d" id="Canvas"></canvas>
<image src="{{imgsrc}}" mode="aspectFit" ></image>

2、在onready中通过 wx.createSelectorQuery().select获取canvas画板及上下文context;

 /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
        const query = wx.createSelectorQuery()
        query.select('#Canvas')
            .fields({
                node: true,
                size: true
            })
            .exec((res) => {
                const canvas = res[0].node
                const ctx = canvas.getContext('2d')
                this.setData({
                    canvas...

点击查看剩余70%

我知道答案,我要回答