评论

小程序canvas生成海报图(易错点分析)

小程序canvas生成海报图,经常出现的坑。

1,问:创建canvas 绘制图像,保存的图片不清晰?
答:这个问题大概就是canvas宽高太小。

2,问:绘制图像,图片绘制不上?
答:绘制图片的时候图片路径必须为本地路径,如果使用网络路径是不行的,我们只需要将网络路径下载到本地就行wx.downloadFile()。

3,问:绘制好的图像,图片保存不了?
答:我们绘制好的图像,要保存成图片,其实需要2步。
第1步:利用wx.canvasToTempFilePath()将canvas画布图像,生成图片。我们需要将wx.canvasToTempFilePath(),放到
ctx.draw(false, function() {
wx.canvasToTempFilePath()生成的图片路径进行
})
里面确保canvas已经将图像全部绘制完成。
第2步:将wx.canvasToTempFilePath()生成的图片路径进行
wx.saveImageToPhotosAlbum()保存到相册就ok。

以上只是个人遇到的问题,如有步骤不明确请在评论区提问。
谢谢大家的支持。

最后一次编辑于  07-03  
点赞 2
收藏
评论

1 个评论

  • 小小小小宝宝
    小小小小宝宝
    07-04

    请问安卓机经常出现canvas设置样式错乱问题 楼主是怎么解决的?目前我是使用了setTimeout在绘制生成图片的时候 进行延时 楼主有没有更好的办法

    07-04
    赞同
    回复 1
    • 攻城狮@射鸡屎
      攻城狮@射鸡屎
      09-19
      在draw里面延迟200ms左右再生成图片
      09-19
      回复