html2canvas生成图片模糊的解题思路

前几天,以前的同事问我这个问题,由于这几年很少写前端,所以只给了大概的思路,现在分享一下:

  • 看看库是否有设置生成图片精度的设置
  • 生成高分辨率的图片,压缩显示
  • 有没有最新版本的库可以使用

说说这个问题的如何给出思路:

  • 图片模糊,属于种普遍的问题,作者应该能想到这个问题,所以是不是有可以设置的精度的参数
  • 以前做前端的时候图片出现模糊的情况,可以用大图压缩显示
  • 活跃的插件,如果真是个bug应该作者会很快得到反馈,并解决

后来得空的时候去查了一下相关的资料,发现第二、第三都可以解决这个问题,还有一种采用svg也可以解决这个问题。

碰到问题,先找到问题根源,通过不同的思路(方向)尝试,这样问题一定会迎刃而解。