欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html2canvas的使用简单总结

程序员文章站 2022-03-10 20:37:26
先来看看兼容性: Firefox 3.5+ Google Chrome Opera 12+ IE9+ Edge Safari 6+ 应该来说,现代浏览器都是没有问题的。 css属性支持情况: https://html2canvas.hertzen.com/features/ 使用中遇到的问题及解决: ......

先来看看兼容性:

  • firefox 3.5+
  • google chrome
  • opera 12+
  • ie9+
  • edge
  • safari 6+

应该来说,现代浏览器都是没有问题的。

css属性支持情况:

使用中遇到的问题及解决:

  • 图片模糊:
    • 解决:
      • 把图片放大2倍,或者按照window.devicepixelratio缩放
      • background-image会模糊,使用img模拟替代
  • 绘制不全
    • 解决:html2canvas-render-offscreen
  • 有时候到页面会闪
    • 解决:
      • 可能是部分手机自身webview的问题,多测几个手机试试
      • 可以把需要绘制的dom复制一份,放到视口之外进行绘制,完了生成图片后,再放到页面
  • 别的问题汇总: