vcapture

安装

yarn add vcapture

引入

在main.js文件中，Vue.use(vcapture)，会自动注册 dom-docker 和 dom-capture 两个组件

import vcapture from 'vcapture';
Vue.use(vcapture);

使用

在需要显示插件的页面中使用 dom-capture 组件

<dom-capture ref='capture' @msg='getPic'></dom-capture>	

需要截取的模块用 dom-docker 包裹住

<dom-docker>
	<!-- 这里是需要截取的模块 -->
</dom-docker>

dom-capture 的详细使用

在点击发送操作时，会触发 msg 事件，事件回调了base64的图片。
调用 cancel()方法关闭dom-capture组件，this.$ref.capture.cancel()