// 获取滚动距离
getPageScroll() {
var xScroll, yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
xScroll = self.pageXOffset;
} else if (
document.documentElement &&
document.documentElement.scrollTop
) {
// Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
xScroll = document.documentElement.scrollLeft;
} else if (document.body) {
// all other Explorers
yScroll = document.body.scrollTop;
xScroll = document.body.scrollLeft;
}
let arrayPageScroll = new Array(xScroll, yScroll);
return arrayPageScroll;
},
// 屏幕截屏
cutScreen() {
//可视区域的高度
let height =
document.documentElement.clientHeight == 0
? document.body.clientHeight
: document.documentElement.clientHeight;
let length = this.getPageScroll()[1];
try {
let test = document.getElementById("cutImg");
html2canvas(test, {
width: test.clientWidth, //DOM原始宽度
height: height,
y: length, //canvas开始的的Y坐标
scrollY: length,// 滚动
tainttest: false,
allowTaint: true,
useCORS: true,
scale: window.devicePixelRatio // 可以避免模糊
}).then(canvas => {
// 转成图片,生成图片地址
let imgUrl = canvas.toDataURL("image/png");
});
} catch (e) {
console.log(e);
}
}
html2canvas怎么截取可视区域,其他隐藏部分(仅限Y轴之外)不截取?
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 这个是在vue项目中用js获取可视区域的宽度,并赋值给盒模型 有点懒。。。嗯,直接上代码,有注释 实现效果 想知道...
- (NSArray*)visibleCells;UITableview的方法,这个最直接,返回一个UITablevi...
- 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一、对于IE9+、Chrome、Firefox...