css:
<style> * { margin: 0; } .test { width: 300px; height: 100px; text-align: center; line-height: 100px; background-color: #87CEEB; display: inline-block; vertical-align: top; } canvas { margin-right: 5px; } .down { float: left; margin: 40px 10px; } .down2 { float: left; margin: 40px 30px; } </style>
html:
<div class="test">测试</div> <div><a class="down" href="" download="downImg">下载</a></div>
js:
<script> //直接选择要截图的dom,就能截图,但是因为canvas的原因,生成的图片模糊 //html2canvas(document.querySelector('.test')).then(function(canvas) { // document.body.appendChild(canvas); //}); //创建一个新的canvas var canvas2 = document.createElement("canvas"