失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序画布(canvas)生成图片模糊的解决办法

微信小程序画布(canvas)生成图片模糊的解决办法

时间:2022-07-31 13:55:50

相关推荐

微信小程序画布(canvas)生成图片模糊的解决办法

我们在用微信小程序画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)生成图片模糊的解决办法》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。