基于html2canvas的Vue截图、标注组件。
npm install @notadd/vue-screen-capture -S
- 引入组件
import ScreenCapture from '@notadd/vue-screen-capture';
- 声明component
export default {
...,
components: {
ScreenCapture
},
...,
- 使用组件
<screen-capture ref="sc" :html="html"></screen-capture>
html
:要截图的dom元素
capture
:生成截图
clear
:清空截图
getCaptureImage
:返回截图File对象