由于现在网页的截图需求越来越大,开发人员在实现此类功能时,不必自己去实现一个截图工具。目前有很多第三方的截图工具可以使用,例如ScreeshotLayer。本文将教大家使用npm包截屏。
介绍
screenshotlayer-node是一个截屏的npm package,它使用ScreenshotLayer API以可靠的方式生成高质量的截屏。
安装
npm install screenshotlayer-node
如何使用
- 在screenshotlayer.com注册并获取API access_key。
- 使用以下代码测试
----- --------------- - ---------------------------------------------- --------------- ------------------------------ --------------- -- - ------------------ --------- ----------- -- ---------- -- ----------------------- ------
以上代码将生成谷歌主页的屏幕截图,并将图像缓冲区打印到控制台上。
参数
以下是可能需要的参数:
参数名 | 类型 | 描述 |
---|---|---|
url | String | 要从其中生成屏幕截图的URL |
width | Number | 浏览器宽度(像素) |
height | Number | 浏览器高度(像素) |
full | Boolean | 是否截取整个网页 |
format | String | 返回的图像格式(PNG或JPEG,默认为PNG)。 |
cache | Boolean | 是否启用缓存(默认为真)。 |
以下是具有默认值的参数:
参数名 | 值 |
---|---|
width | 1440 |
height | 900 |
full | false |
format | 'PNG' |
cache | true |
返回值
snapshot方法返回一个promise,里面包含一个图像的Buffer对象。
示例代码
----- --------------- - ---------------------------------------------- ------------------------------------------------- - ----- ----- ------- ------ -- ----------------- -- ------------------------------------ ------------- ---------- -- ----------------------------
以上代码将生成百度的全屏截图,并将文件保存到磁盘上。
总结
在本文中,我们介绍了如何使用screenshotlayer-node生成URL的截图。我们讨论了如何安装它,并介绍了它的不同参数。我们还展示了可用于生成屏幕截图的代码示例。
screenshotlayer-node是一个伟大的npm包,让开发人员能够轻松地生成全面的截图。希望本文对你有所帮助!
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066c8eccdc64669dde563e