<html> <div id="pic" style="margin-left: 500px;position:fixed;opacity:0;"><!-- 隐藏html内容 --> <div id="img4Cut"> <div>${vm.htmlContent}</div> </div> </div> <div id="imgCode" class="imgcode" ></div> <script> <![CDATA[ $(document).ready(function(){ html2canvas(document.querySelector("#img4Cut")).then(canvas => { var img = Canvas2Image.convertToImage(canvas, canvas.width*0.3, canvas.height*0.3); $("#imgCode").empty(); document.querySelector("#imgCode").appendChild(img); $("#pic").hide(); }); }); ]]> </script> </html>
canvas2image.js
html2canvas.min.js