H5快照截图[html2canvas]+图片下载+源代码

需求来源

项目开发过程中，你可能会遇到用户需要保存当前页面的内容，但是用户又不想自己通过手机系统手动截图；又或者，你想分享当前页面的内容，把它当做一个海报分享，那这个时候就需要通过程序员来帮你完成前期操作，这个时候就用到了H5快照功能，具体情况如下。

html源码

<div class="mainBox">
  <div class="contentBox" id="need">
    <img src="images/1.jpg" />
    <div class="mainText1">
      菩提本无树，明镜亦非台。<br>
      佛性常清净，何处有尘埃！<br>
      身是菩提树，心如明镜台。<br>
      明镜本清净，何处染尘埃！<br>
      菩提本无树，明镜亦非台。<br>
      本来无一物，何处惹尘埃！<br>
      菩提只向心觅，何劳向外求玄？<br>
      听说依此修行，西方只在目前！