什么是 webshotgun?
webshotgun 是一款 npm 包，可以通过 JavaScript 创建网页截图，并将其保存为图像文件，支持任何网页、博客、API 等。此外，该包还提供大量的配置选项，使用户可以轻松自定义所需的截图。
安装webshotgun
要安装webshotgun，请运行以下命令:
npm install webshotgun
const webshotgun = require('webshotgun');如何使用 webshotgun?
webshotgun 的 API 是非常直观和简单的。如下所示，使用 webshotgun 需要至少传递一个 URL 和一个输出文件名。webshotgun 支持 PNG、JPG 和 PDF 输出格式。
webshotgun('https://example.com', 'example.png', function(err) {
if (!err) {
console.log('Screenshot taken!');
}
});自定义选项
webshotgun 还提供了一些其他选项，可以轻松自定义截图的生成。
页面大小
Webshotgun 允许您自定义生成图像的大小（以像素为单位），以便您可以对图像进行调整以适应不同的屏幕。
webshotgun('https://example.com', 'example.png',{
width: 1080,
height: 768
}, function(err) {
if (!err) {
console.log('Screenshot taken!');
}
});选择器
您可以使用 CSS 选择器来指定要截取的区域。
-- -------------------- ---- -------
--------------------------------- -------------- -
--------- -
------ ---------
------- -------
--
--------- ---------------
-- ------------- -
-- ------ -
----------------------- ---------
-
---隐藏截图元素
有时，您可能需要在生成截图时隐藏某些元素。webshotgun 提供了一个元素数组，您可以在其中明确指定要隐藏的元素。
-- -------------------- ---- -------
--------------------------------- -------------- -
--------- -
------ -----
------- ---
--
------------- -----------
-- ------------- -
-- ------ -
----------------------- ---------
-
---总结
本教程介绍了 webshotgun 的 API 和一些选项，可以让您轻松地自定义截屏。webshotgun 是一个非常有用的工具，可以帮助前端开发人员和设计师生成高质量的截图，而不必手动进行这个繁琐的任务。
示例代码
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------- - -
-------- ---
--------- -
------ -----
------- ---
-
--
----- --- - ----------------------
----- -------- - --------------
--------------- --------- -------- ----- ------- -- -
-- ----- -
-----------------
- ---- -
--------------------------------------------
----------------------- ----- -- --------------
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671058dd3466f61ffdd5c