前端点击按钮将页面转换为图片保存至本地（html2canvas）

码农遇见菜鸟

已于 2023-11-20 16:34:43 修改

阅读量355

点赞数 1

文章标签：前端

于 2023-09-21 16:39:57 首次发布

本文链接：https://blog.csdn.net/weixin_40597855/article/details/133136815

版权

前端点击按钮将页面转换为图片保存至本地（html2canvas）

1.引入html2canvas

	<script src="http://html2canvas.hertzen.com/dist/html2canvas.js"></script>
	$(document).on('click','.savebtn',function() {
         html2canvas(document.querySelector(".shopimg"),{
               useCORS:true
          }).then(function (canvas) {
               let imgData = canvas.toDataURL('img/png');
               let aEle = document.createElement('a');
               aEle.href =imgData;
               aEle.download = 'img';
               aEle.click();
          })
    })