npm install html2canvas -S
import html2canvas from 'html2canvas'
<div @click="saveImage()">截图</div>
<div ref="ImageContent">
要截图的内容
</div>
saveImage() {
let myBox = this.$refs.ImageContent;
html2canvas(myBox, {
useCORS: true,
width: window.screen.availWidth,
height: window.screen.availHeight,
windowWidth: document.body.scrollWidth,
windowHeight: document.body.scrollHeight,
x:0,
y:window.pageYOffset
}).then(function(canvas) {
var dataUrl = canvas.toDataURL('image/jpeg', 1.0);
var a = document.createElement('a');
a.href = dataUrl;
a.download = '系统模块.png';
a.click();
});
},