小程序画布保存图片模糊解决办法

最新推荐文章于 2024-09-11 16:29:29 发布

原创最新推荐文章于 2024-09-11 16:29:29 发布 · 2.1k 阅读

2 ·

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

标签

#小程序 #canvas

收录于

小程序同时被 2 个专栏收录

12 篇文章

订阅专栏

小程序码

2 篇文章

订阅专栏

本文介绍如何在微信小程序中使用canvas元素进行截图并保存为临时文件。通过设置canvas的宽高及分辨率，最终获取到截图的临时文件路径，实现分享图片的功能。

              wx.canvasToTempFilePath({
                x: 0,
                y: 0,
                width: 300,
                height: 480,
                destWidth: 300 * wx.getSystemInfoSync().pixelRatio,
                destHeight: 480 * wx.getSystemInfoSync().pixelRatio,
                canvasId: 'bigCode',
                success(res) {
                  that.setData({
                    shareImgSrc: res.tempFilePath
                  }, () => {
                    console.log(that.data.shareImgSrc)
                  })
                }
              })