首先安裝html2canvas
npm install html2canvas --save
然后引入html2canvas
import html2canvas from 'html2canvas'
打印
function print(elemId) {
html2canvas(document.getElementById(elemId), {
allowTaint: false,
useCORS: true,
}).then(canvas => {
//將圖片保存到變量
let image = canvas.toDataURL("image/jpeg");
let img = document.createElement('img');
img.src = image
img.style.width = '100vw'
img.style.height = `${100 * img.height / img.width}vw`
var h = window.open('打印窗口', "_blank");
h.document.write($(img).prop("outerHTML"));
h.document.close();
setTimeout(() => {
h.print();
h.close();
}, 1000)
});
}
引入html2canvas同樣可以去網(wǎng)上找找js文件引入，這里就不提供了:)
