1:在控制台输入 npm install --save html2canvas
2:引入到文件
3:在js里面写入
var resultPageBox = document.getElementsByClassName(“result-page-box”)[0]
html2canvas(resultPageBox).then(function (canvas) {
var dataUrl = canvas.toDataURL();
(′.result−page−box′).html(‘<imgsrc="('.result-page-box').html(`<img src="(′.result−page−box′).html(‘<imgsrc="{dataUrl}">`).css(‘padding’, ‘0’).hide()
});
注:resultPageBox div是元素,获取元素节点,htm2canvas是将文本节点生成图片,所以应当在先前写好样本
这样就可以在页面生成图片了