js实现页面截图及自动下载demo代码

实现功能:实现页面部分内容截图并且自动下载

html2canvas 传送门:http://html2canvas.hertzen.com/

实现思路:

  1. 准备一个放置截图后内容的div;
  2. 将html转化成canvas ,html2canvas()方法,是插件提供的,它的作用是把这个参数canvas形成一个img图片元素;
  3. 生成图片的地址 dataImg.src = canvas.toDataURL('image/png');
  4. 利用a标签的download属性实现下载

代码如下:




    
    Title
    


我是占位头部
测试测试测试多晒晒

你可能感兴趣的:(js实现页面截图及自动下载demo代码)