微信小程序生成清晰海报

海报生成具体逻辑请查看文章

微信小程序生成分享海报(附带二维码生成)

今天我们主要说的是海报清晰度的问题
在之前的文章中在强调画布样式时曾经写到

由于在获取临时路劲保存图片的时候用一倍的canvas保存的图片会很模糊,我们需要对canvas画布进行多倍处理,一般二倍即可,太大了在Android上可能会出现问题

文章中采用的方法并没有用固定的倍数,二是通过获取systemInfo中的pixelRatio(设备像素密度),以pixelRatio为动态倍数来扩大画布绘制区域

后来发现这种方法并不是一个好的解决方案,因为一些机型像素密度较小,导致生成的海报清晰度达不到一个好的效果,需要在小分辨率密度的手机上也是用相对较大的倍数才能达到理想的清晰度效果

经过不断测试,我们使用了固定的4倍倍数,这个倍数已经能保证很高的清晰度了

但由于画布较大导致在Android上生成较慢,亲测小米6 6G + 128G手机大概需要2-3秒的时间,性能相对较差的手机需要大概3-4秒时间,不过不能接受这个时间的话可以调小到3,经过测试3被就已经能够达到较高要求清晰度。

倍数对iPhone手机生成时间影响不大

注:生成海报清晰度基础依赖是原图清晰(除非你没有用图)

以上就是今天分享的所有内容了,谢谢观看,喜欢可以点赞加关注哦

相关推荐

微信小程序内生成二维码

微信小程序分享小程序码的生成(带参数)以及参数的获取

微信小程序生成分享海报(附带二维码生成)

简单实现小程序自定义导航栏(基于mpvue)

微信小程序中的版本管理

生活娱乐

!惊,跑步竟然能跑出钱来(你的额外收入)

大家注意啦,产品经理打人啦!(一)


你可能感兴趣的:(微信小程序生成清晰海报)