<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>截图</title> <style> </style> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> </head> <body> <!-- <canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"> </canvas> --> <div id="aa"> sdfsdfsdfsdf </div> </body> <script> $(function () { html2canvas(document.getElementById("aa"), { scale: 2,//缩放比例,默认为1 allowTaint: false,//是否允许跨域图像污染画布 useCORS: true,//是否尝试使用CORS从服务器加载图像 '500',//画布的宽度 height: '500',//画布的高度 backgroundColor: '#39a',//画布的背景色，默认为透明 }).then((canvas) => { //将canvas转为base64格式 var imgUri = canvas.toDataURL("image/png"); console.log(imgUri) }); }) </script> </html>