在前端开发中，截屏是一个非常常见的需求。当我们需要捕捉某个网页的截图，或者在APP中实现截屏功能时，我们可以使用 de.compeople.cordova.screenshot 这个 npm 包。
安装
使用 npm 安装该包：
npm install de.compeople.cordova.screenshot --save
使用方法
在 Cordova 中使用
在 Cordova 项目中，可以使用插件调用 de.compeople.cordova.screenshot。
首先，在项目的 config.xml 文件中添加插件：
<plugin name="de.compeople.cordova.screenshot" spec="0.1.5" />
然后，在 JavaScript 中调用该包的截屏方法：
-- -------------------- ---- -------
---------------------------------------------
-
---------
-
---------------------
-
----
-
------------------- - --------------
-
-- ------ --- ----------------
该方法的第一个参数是回调函数，截屏成功或失败后，该回调函数会被调用。
第二个参数是文件格式，目前支持 TIFF、PNG、JPEG 三种格式，传递 jepg 到参数会将截图转换为JEPG图片。
第三个参数是截屏的质量，在 0 到 100 之间，数值越大，越清晰。
第四个参数是保存的文件名。
在浏览器中使用
在浏览器中，可以使用该包的浏览器版本。因为浏览器版只支持 base64 格式，所以返回结果的数据格式不同，使用时要注意。
screenshot({
callback: function(data){
console.log('截屏成功:', data);
}
});示例代码
-- -------------------- ---- -------
-- ------- ----
---------------------------------------------
-
---------
-
---------------------
-
----
-
------------------- - --------------
-
-- ------ --- ----------------
-- -------
------------
--------- ---------------
-------------------- ------
-
---注意事项
- 在 Cordova 项目中，需要添加 de.compeople.cordova.screenshot 插件。
- Cordova 中可能存在跨域问题，需要处理跨域。
- 在浏览器中使用该包时，只支持 base64 格式，返回结果的数据格式与 Cordova 版本不同。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cbe81e8991b448e634c