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

发布于 7 年前作者 na793300 次浏览最后编辑 7 年前来自 ask
  • 需求的场景描述(希望解决的问题)

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

WXOPEN Club 内容图片
  • 希望提供的能力

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

目前的业务码:

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 回复
fzhao
fzhao1 楼5 年前

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