We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
第116天 如何使用js来截图?怎样截可见区域和整个页面?
可以基于html2canvas 和 canvas2image 两个第三方类实现截图。
如果打算截取整个页面 可以直接设定
html2canvas(document.body).then(function (canvas) { document.body.appendChild(canvas); });
如果打算截取可见区域 额外设置一下宽高即可
width: document.documentElement.clientWidth, height: document.documentElement.clientHeight, y: document.documentElement.scrollTop
这种东西太hack了...browser 上搞纯属自虐
nodejs 可以考虑一系列 headless 库,例如 puppeteer 和 phantomjs
@t532 楼上说的对,但是更推荐用puppeteer,phantomjs已经停止维护了,在一些比较新的ES的语法上会出现一些问题
不知道,目前市面上的库html2canvas 和 canvas2image 都不能处理渐变色文字,不能算完美的库
市面上html2canvas库用来截图比较多,截整个页面可传入body 如 : html2canvas(document.body).then(function (canvas) { document.body.appendChild(canvas); });
Activity
LinStan commentedon Aug 10, 2019
可以基于html2canvas 和 canvas2image 两个第三方类实现截图。
如果打算截取整个页面 可以直接设定
如果打算截取可见区域 额外设置一下宽高即可
ghost commentedon Aug 10, 2019
这种东西太hack了...browser 上搞纯属自虐
nodejs 可以考虑一系列 headless 库,例如 puppeteer 和 phantomjs
Lucenova commentedon Nov 12, 2019
@t532 楼上说的对,但是更推荐用puppeteer,phantomjs已经停止维护了,在一些比较新的ES的语法上会出现一些问题
CaptainJon commentedon Apr 29, 2021
不知道,目前市面上的库html2canvas 和 canvas2image 都不能处理渐变色文字,不能算完美的库
xiaoqiangz commentedon Jul 6, 2022
市面上html2canvas库用来截图比较多,截整个页面可传入body 如 :
html2canvas(document.body).then(function (canvas) {
document.body.appendChild(canvas);
});