Vue 插件 html2canvas 将页面内容生成图片

官网：http://html2canvas.hertzen.com/

* 使用

1、安装：

npm install --save html2canvas

2、引入：

import html2canvas from "html2canvas"

 3、将特定内容转成图片 

　　特定内容包裹的 div 添加 ref 属性标记

<div class="container" ref="imageDom"></div>

/**
* 将页面指定节点内容转为图片 
*/
generatePicture() {
  html2canvas(this.$refs.imageDom).then(img => {
    // 转成图片，生成图片地址(如需将图片转为file 文件，请自行处理)
    this.imgUrl = img.toDataURL("image/png"); //可将 canvas 转为 base64 格式
  });
}

* 踩坑

***页面有些内容不能在生成的图片内显示

之所以能够生成图片，是