html2canvas
该脚本允许您直接在用户浏览器上截取网页或其部分的“截图”。该屏幕截图基于dom，因此它可能不是100％准确的真实表示，因为它没有制作实际的屏幕截图，而是根据页面上提供的信息构建屏幕截图。
| 使用场景 | |
|---|---|
| npm包名 | html2canvas |
| bower包名 | -- |
| 文档地址 | 点击访问 |
使用说明：
// 前提：假设#result-preview用于生成图片
// css上注意事项
1、不能使用背景图片，否则无法生成图片。
2、里面的元素尺寸必须用px，不能用rem等，否则生成的图片会出现白边。
// 使用示例
html2canvas($('#result-preview').get(0),{
useCORS:true, // 图片跨域
allowTaint:false,
dpi: window.devicePixelRatio,//图片大小跟随系统dpi，生成图片不模糊
backgroundColor:'#000' // 设置背景图片颜色，防止白边
}).then(canvas => {
$('#result-img').attr('src',canvas.toDataURL("image/png"));
})