html2canvas爬过的坑

最近有个页面分享的需求, 要求转账页面点击分享到微信可以将页面生成图片并分享到微信, 经过资料查询, 发现html2canvas可以实现. 不过使用过程中遇到一个问题, 如果页面中有图片是跨域的话, 生成的图片中是不会显示的, 这就令人很头疼. 具体的解决方案如下:

• 首先需要设置服务器是允许跨域的
  
• 然后配置html2canvas

 html2canvas(main, {
    scale: 3, //缩放比例
    useCORS: true  //这个参数一定要加上, 不然跨域设置不生效
  }).then(function(canvas) {
        var img = canvas.toDataURL("image/png");
  })