import html2canvas from "./html2canvas.min.js";
new html2canvas(document.getElementById('cur-cert-img'),
{
allowTaint: true,
useCORS: true, // 跨域
scale: 2, // 文字清晰
dpi: 300, // 文字清晰
width: 400,
height: 300
}
).then(canvas => {
// canvas為轉換后的Canvas對象
let oImg = new Image();
oImg.src = canvas.toDataURL(); // 導出圖片
document.body.appendChild(oImg); // 將生成的圖片添加到body
oImg.onload = () => {
const a = document.createElement("a");
a.href = oImg.src;
a.download = certObj.title;
a.click();
}
document.body.removeChild(oImg)
});
- 如果下載下來的圖片, 原dom結構里的圖片部分不清晰,應使用img表情,不能使用style背景圖