// 獲取滾動距離
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() {
//可視區(qū)域的高度
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怎么截取可視區(qū)域万牺,其他隱藏部分(僅限Y軸之外)不截嚷拚洹洽腺?
?著作權歸作者所有,轉載或內容合作請聯系作者
- 文/潘曉璐 我一進店門曲聂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人佑惠,你說我怎么就攤上這事朋腋。” “怎么了膜楷?”我有些...
- 正文 為了忘掉前任特愿,我火速辦了婚禮仲墨,結果婚禮上,老公的妹妹穿的比我還像新娘揍障。我一直安慰自己目养,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布毒嫡。 她就那樣靜靜地躺著癌蚁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪兜畸。 梳的紋絲不亂的頭發(fā)上努释,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼昭雌!你這毒婦竟也來了复唤?” 一聲冷哼從身側響起,我...
- 正文 年R本政府宣布融虽,位于F島的核電站,受9級特大地震影響灼芭,放射性物質發(fā)生泄漏有额。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一彼绷、第九天 我趴在偏房一處隱蔽的房頂上張望巍佑。 院中可真熱鬧,春花似錦苛预、人聲如沸句狼。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽腻菇。三九已至,卻和暖如春昔馋,著一層夾襖步出監(jiān)牢的瞬間筹吐,已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 這個是在vue項目中用js獲取可視區(qū)域的寬度希坚,并賦值給盒模型 有點懶边苹。。裁僧。嗯个束,直接上代碼,有注釋 實現效果 想知道...
- (NSArray*)visibleCells;UITableview的方法阱表,這個最直接,返回一個UITablevi...
- 獲得瀏覽器窗口的尺寸(瀏覽器的視口昌妹,不包括工具欄和滾動條)的方法: 一捶枢、對于IE9+握截、Chrome飞崖、Firefox...