html页面转换成图片

html2canvas

html2canvas将html转成图片，可以npm引入，也可以使用直接引入js文件。对于尺寸单位是px的生成图片清晰，但是对于单位是rem的，生成的图片中有一大片的空白，（绘制的内容没有占满整个canvas），虽然可以通过自定义width和height生成画布一样大的图片，但是图片有些模糊，所以如果可以将rem转成px或者em去生成图片。html2canvas详情，参数详情。
兼容性：

 代码演示：

// 安装
npm install html2canvas

// 导入
import html2canvas from 'html2canvas'

// 使用
html2canvas(document.getElementById('canvasEl')).then(function (canvas) {
    let dataUrl = canvas.toDataURL();
	console.log(dataUrl)	
});

tips：后续可通过downloadjs下载到本地或者上传到后台服务器