首页iframe转图片

iframe转图片

时间: 2023-07-06 11:07:09 浏览: 52

将一个iframe转换为图片需要使用html2canvas库来实现。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>IFrame to Image</title> <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> </head> <body> <iframe id="my-iframe" src="https://www.example.com/"></iframe> <button id="btn-export">Export to Image</button> <div id="export-image"></div> <script> document.getElementById('btn-export').addEventListener('click', function() { html2canvas(document.getElementById('my-iframe')).then(function(canvas) { var img = document.createElement('img'); img.src = canvas.toDataURL(); document.getElementById('export-image').appendChild(img); }); }); </script> </body> </html> ``` 在上面的代码中，我们首先引入了html2canvas库。然后，在页面中有一个iframe和一个按钮。当按钮被点击时，我们使用html2canvas将iframe转换为一张图片，并将其添加到一个<div>元素中。