收藏
回答

canvastotempfilepath 生成图片模糊问题

 prio 为屏幕的像素数绘画比例

wx.canvasToTempFilePath({

      x: 0,

      y: that.data.startH2,

      width: wid,

      height: that.data.endH2,

      destWidth: wid *prio,

      destHeight: that.data.endH2 * prio,

      quality: 1.0,

      canvasId: 'cover-preview',

      success: function (res) {

        //res.tempFilePath即为生成的图片路径

        console.log(res.tempFilePath)

      }

    })

导出的图片模糊,哪个大神指导一下怎么解决这个问题

最后一次编辑于  2018-11-19  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

8 个回答

  • 诗无邪
    诗无邪
    2018-11-19

    急急急啊,哪个大神进来看看

    2018-11-19
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-11-19

    canvas的尺寸多大?

    2018-11-19
    赞同
    回复 13
    • 诗无邪
      诗无邪
      2018-11-19

      屏幕大小,canvasToTempFilePath 截取的是一个正方形,长为屏幕的宽

      2018-11-19
      回复
    • 卢霄霄
      卢霄霄
      2018-11-19回复诗无邪

      真机上也很模糊吗?

      2018-11-19
      回复
    • 诗无邪
      诗无邪
      2018-11-19回复卢霄霄

      对,真机上也是模糊的

      2018-11-19
      回复
    • 卢霄霄
      卢霄霄
      2018-11-19回复诗无邪

      prio是多少啊?怎么计算的?

      2018-11-19
      回复
    • 诗无邪
      诗无邪
      2018-11-19回复卢霄霄

      getSystemInfo 获取的pixelRatio为3


      2018-11-19
      回复
    查看更多(8)
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2018-11-19

     destWidth: wid *prio,

          destHeight: that.data.endH2 * prio,

    这个 设置为iphone 6的长宽比

    2018-11-19
    赞同
    回复 6
    • 诗无邪
      诗无邪
      2018-11-19

      没用,我都试过了,还是模糊的

      2018-11-19
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      2018-11-19回复诗无邪

      画图的 时候放大2倍 然后再缩放2倍 ,

      2018-11-19
      回复
    • 诗无邪
      诗无邪
      2018-11-19回复仙森ღ₅₂₀¹³¹⁴

      真机上不管用的

      2018-11-19
      回复
    • 诗无邪
      诗无邪
      2018-11-19回复仙森ღ₅₂₀¹³¹⁴

      而且有些机型已经超出2倍了

      2018-11-19
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      2018-11-19回复诗无邪

      你可以在社区搜索下。很多这个问题 都是放大缩小解决的。你看下是不是代码的姿势问题😂

      2018-11-19
      回复
    查看更多(1)
  • 鹏
    2018-11-19


    绘图画布规定尺寸,在canvas上画图写字也按这个尺寸,我的这样没问题

    2018-11-19
    赞同
    回复
  • morganfly
    morganfly
    2018-11-19

    我跟楼主遇到问题一样,感觉这个API文档很不清楚

    2018-11-19
    赞同
    回复 1
    • 深藏功与名
      深藏功与名
      2018-11-20

      在生成image加 mode="aspectFill


      2018-11-20
      回复
  • trtrtr6
    trtrtr6
    2018-11-20

    这个方法很多参数都是有默认值,少设置一些参数试试看,估计设置的参数不对导致的

    2018-11-20
    赞同
    回复
  • 冼海红
    冼海红
    2018-11-21


    试一下这个方法,我之前导出图片也是模糊,将导出图片大小设置成canvas大小的2倍就不模糊了

    2018-11-21
    赞同
    回复
  • BY
    BY
    2018-11-28

    同样是这样,真机画布宽高253px; 我设置

    destWidth: 1000,

    destHeight: 1000,

    生成的字体也是模糊的。


    这个是我的原图:



    生成后:



    2018-11-28
    赞同
    回复