小程序canvas导出图片模糊解决方法

最新推荐文章于 2026-02-25 12:22:46 发布

原创最新推荐文章于 2026-02-25 12:22:46 发布 · 9k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#canvas

收录于

心得专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用微信小程序API实现canvas元素截图的方法。通过设置截图参数如宽度、高度及目标尺寸等，成功将canvas内容保存为临时文件并进一步用作二维码图片。文中详细展示了具体的实现代码。

        wx.canvasToTempFilePath({
            x: 0,
            y: 0,
            width: 200,
            height: 200,
//复制 * 750 / wx.getSystemInfoSync().windowWidth,换算成rpx；
            destWidth: 500 * 750 / wx.getSystemInfoSync().windowWidth,
            destHeight: 500 * 750 / wx.getSystemInfoSync().windowHeight,
            canvasId: 'artQr',
            success(res) {
                console.log(res.tempFilePath)
                that.setData({
                    qrImg: res.tempFilePath
                })
            }
        })