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

mingjuna2010

于 2019-12-20 17:08:45 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序小程序码文章标签：小程序 canvas

本文链接：https://blog.youkuaiyun.com/mingjuna2010/article/details/103635646

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

12 篇文章

订阅专栏

小程序码

2 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

              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)
                  })
                }
              })