我们在用微信小程序画canvas可能会遇到生成的图片保存后很模糊的问题,根据之前的经验,我总结了两种解决办法,分别从画canvas,和保存的角度解决,各有利弊。
1、画canvas时,都用设计稿的2倍,wx.canvasToTempFilePath设置参数destWidth、destHeight(输出的宽度和高度)和width、height一样。
优点:保存的图片尺寸较小,尺寸是设计稿的2倍,图片清晰;缺点:画canvas时需要注意2倍问题,计算增加复杂度;
2、画canvas尺寸不变,都和设计稿一样。wx.canvasToTempFilePath设置参数destWidth和destHeight(输出的宽度和高度)为width和height的2倍以上
优点:画canvas没有计算问题,和设计稿一致即可,图片清晰;缺点:保存的图片是原来(destWidth、destHeight和width、height一样)的2倍以上,和设置的倍数一样,图片尺寸太大;
如果觉得《微信小程序画布(canvas)生成图片模糊的解决办法》对你有帮助,请点赞、收藏,并留下你的观点哦!