All Projects → notadd → vue-screen-capture

notadd / vue-screen-capture

Licence: other
基于 html2canvas 的vue截图组件

Programming Languages

Vue
7211 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

vue-screen-capture

基于html2canvas的Vue截图、标注组件。

How to use

step-1

安装 @notadd/vue-screen-capture

  • npm install @notadd/vue-screen-capture -S

step-2

  • 引入组件
  import ScreenCapture from '@notadd/vue-screen-capture';

step-3

  • 声明component
  export default {
  ...,
  components: {
    ScreenCapture
  },
  ...,

step-4

  • 使用组件
<screen-capture ref="sc" :html="html"></screen-capture>

说明:

组件属性

html:要截图的dom元素

组件方法

capture:生成截图
clear:清空截图
getCaptureImage:返回截图File对象

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].