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();
(
′
.
r
e
s
u
l
t
−
p
a
g
e
−
b
o
x
′
)
.
h
t
m
l
(
‘
<
i
m
g
s
r
c
=
"
('.result-page-box').html(`<img src="
(′.result−page−box′).html(‘<imgsrc="{dataUrl}">`).css(‘padding’, ‘0’).hide()
});
注:resultPageBox div是元素,获取元素节点,htm2canvas是将文本节点生成图片,所以应当在先前写好样本
这样就可以在页面生成图片了