收藏
回答

canvas按原图比例生成,图片上文字有锯齿,各位大神怎样解决生成海报失真的问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 canvasToTempFilePath 客户端 7.0.3 2.3.0

- 需求的场景描述(希望解决的问题)

小程序生成带小程序码的海报,保存到本地 图片上文字不清晰 有锯齿



- 希望提供的能力

希望生成的海报清晰且上面的文字没有锯齿


目前的业务码:

wx.canvasToTempFilePath({
    x: 0,
    y: 0,
    width: canvasWidth ,
    height: canvasHeight ,
    destWidth: canvasWidth * ratio,
    destHeight: canvasHeight * ratio,
    // destWidth: 449 * unit,
    // destHeight:800 * unit,
    canvasId: 'myCanvas',
    fileType: 'jpg',
    quality: 1,
    success: (res) => {
      console.log("生成分享图片地址" + res.tempFilePath);
      this.setData({
        canvasImg: res.tempFilePath
      })
      wx.hideLoading();
    }
  })


最后一次编辑于  2019-02-27
回答关注问题邀请回答
收藏

1 个回答

  • var 友原
    var 友原
    2019-02-28

    按图片2倍的大小去做,比如你的图片是200*100,那你的canvas就是400*200,canvas里所有的大小都是扩大两倍

    2019-02-28
    有用
    回复 1
登录 后发表内容