使用html2canvas实现H5页面转成图片

1.使用代码详情


使用html2canvas实现H5页面转成图片_第1张图片
上图是关键代码,实现原理是:页面进来就加载执行,把当前页面截成一张图片覆盖在页面上,并把当前页面隐藏…className是要转成图片的当前页面,使用的时候需要更换.share-canvas标识的是生成的图片,见下图中的标签,相当于生成图片的载体.
使用html2canvas实现H5页面转成图片_第2张图片
注意:需要引入html2canvas.js和jquery.min.js
使用html2canvas实现H5页面转成图片_第3张图片

你可能感兴趣的:(使用html2canvas实现H5页面转成图片)