uniApp生成海报

最新推荐文章于 2024-07-24 23:00:08 发布

19号同学_

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量302

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_61317966/article/details/125639084

版权

html：
<canvas class="mycanvas" canvas-id="mycanvas" id="mycanvas"></canvas>


js方法：
let myCanvas = uni.createCanvasContext("mycanvas", this);
myCanvas.drawImage(this.canvasPoster, 0, 0, 312, 800); // 封面图
this.canvasQrCode && myCanvas.drawImage(this.canvasQrCode, 10, 160, 70, 70); // 二维码
myCanvas.draw(false, (res) => {
    // 可以加一个定时器延迟生成
    setTimeout(() => {
        wx.canvasToTempFilePath({
            canvasId: "mycanvas",
            fileType: "jpg",
            success: (res) => {
                this.canvas = res.tempFilePath;
            },
            fail: (err) => {
              console.log(err)
            },
        }, this)  // 这个this一定要加
    }, 500)
})