shot-web-screen
v1.0.5
Published
capture-web-screen
Downloads
25
Readme
window截图
- 支持矩形绘制、圆型绘制、箭头绘制、画笔、马赛克、文本编辑以及相关组合操作的撤回、编辑与拖拽移动
插件安装
yarn add shot-web-screen
npm install shot-web-screen --save
插件使用
import 形式使用插件
- 在需要使用截屏插件的业务代码中导入插件
import captureScreen from "shot-web-screen";
- 在业务代码中使用时实例化插件即可
let imgUrl = ''
new captureScreen({
saveCallback: (base64: string) => {
imgUrl = base64;
},
});
参数配置
| 参数名 | 类型 | 默认值 | 说明 | | ------------ | ------------ | ------------ | ------------ | | captureDom | HTMLElement(可选) | window.document.body | 当isWebRtc为true时无效,同时也会将操作时的相关dom挂载其上 | | zIndex | number | 99999 | 挂载dom层级 | | isWebRtc | boolean(可选)| false | 是否开启WebRtc,开启后会将整个屏幕进行截图 。默认为false,是使用html2canvas方式进行底图截取| |saveCallback | Function(可选)| 无 | 完成截图后点击完成后回调函数,会将截图结果通过base64形式进行回传| |loadCallback | Function(可选)| 无 | 截图完成截图底图资源渲染回调 | | basicImage | HTMLImageElement(可选)|无 | 截图底图,传入后可不借助html2canvas或 WebRtc方式进行底图图片截取|