// 获取滚动距离
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...
