具体代码如下所示:
html2canvas_downloada {
cursor: pointer;
color: rgb(85, 26, 139);
text-decoration: underline;
}
hello world!
var oDiv = document.getElementById('oDiv');
// body截图
// html2canvas(document.body).then(function(canvas) {
// document.body.appendChild(canvas);
// });
html2canvas(oDiv).then(function(canvas) {
document.body.appendChild(canvas);
var oCavans = document.getElementsByTagName('canvas')[0];
var strDataURI = oCavans.toDataURL();
downLoadFn(strDataURI);
});
//判断浏览器类型
function myBrowser() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera

这篇博客介绍了如何使用HTML和html2canvas库来实现网页截屏,并将截图保存为本地图片。代码示例中包括了针对不同浏览器的兼容处理,如IE、Chrome、Firefox等,通过创建链接下载或特定浏览器的保存命令完成图片保存。
最低0.47元/天 解锁文章
547

被折叠的 条评论
为什么被折叠?



