公告列表
公告列表
收藏
回答

wx.canvasToTempFilePath 裁剪部分画布内容保存为图片时图片会模糊？

上图是整张画布保存出来的图片


上图裁剪部分进行保存的图片


代码片段里，mode :1 是全保存，mode:2是裁剪保存。


qulity已经设置为1.0。


具体可以看代码片段


https://developers.weixin.qq.com/s/OhAuwImR8t7L
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员--Asher
    社区技术运营专员--Asher
    03-19

    什么机型复现，这边测试一下

    03-19
    有用
    回复 3
    • 生米煮成稀饭
      生米煮成稀饭
      03-19
      所有的机型都一样
      03-19
      赞
      回复
    • 生米煮成稀饭
      生米煮成稀饭
      03-19
      可以下载代码片段测试，修改data里的mode为1和2即可
      03-19
      赞
      回复
    • 生米煮成稀饭
      生米煮成稀饭
      03-19
      似乎是canvas.width和canvas.height的设置问题，不是设置成屏幕尺寸*dpr的尺寸，而屏幕尺寸* （图片宽/屏幕宽)的尺寸
      03-19
      赞
      回复
  • 生米煮成稀饭
    生米煮成稀饭
    03-19

    已解决！

    满屏显示画布时，画布尺寸为屏幕尺寸*dpr，这没问题。

    保存之前，将画布尺寸设置为 屏幕尺寸等比放大/缩小到图片尺寸的比例即可

    假设屏幕尺寸为 375 * 500 ，乘以dpr = 3就是 就是 1125*1500

    假设图片尺寸是2250 * 2000

    在保存之前设置canvas.width = 2250;canvas.height =3000;ctx.scale(6,6);然后再保存即可

    03-19
    有用 1
    回复
  • 智能回答 智能回答 本次回答由AI生成
    03-19
    有用
    回复 1
请 登录 后发表内容
相关文档