[英]html2canvas image is not getting saved
我正在使用html2canvas
捕获div
的屏幕截图并保存它......但它没有被保存。
function captureDiv() { const div = document.getElementById('myDiv'); html2canvas(div, { scale: 2, onrendered: (canvas) => { let link = document.createElement('a'); link.setAttribute('download', 'screenshot.png'); link.setAttribute('href', canvas.toDataURL("image/png").replace("image/png", "image/octet-stream")); link.click(); } }); }
div { width: 60px; height: 50px; text-align: center; border: 1px solid; line-height: 3; }
<div> HI </div> <button onclick="captureDiv()">Capture</button> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.5/dist/html2canvas.min.js"></script>
then
你需要打电话。 正如他们在此线程中所说,它取代onrederer
。 所以它会是这样的:
function captureDiv() {
const div = document.getElementById('myDiv');
html2canvas(div, {scale: 2}).then(canvas => {
let link = document.createElement('a');
link.setAttribute('download', 'screenshot.png');
link.setAttribute('href', canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"));
link.click();
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.