canvas按原图比例生成，图片上文字有锯齿，各位大神怎样解决生成海报失真的问题
发布于 6 年前 作者 na79 3159 次浏览 来自 问答
  • 需求的场景描述（希望解决的问题）

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

  • 希望提供的能力

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

目前的业务码：

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();
    }
  })
1 回复

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

回到顶部