❤
npm
Sign UpSign In

vue-painting

1.0.8 • Public • Published

vue-painting

A Vue.js(v2.x+) component for cropping and painting image.

see：demo

Installation

NPM

npm install vue-painting --save

ES6:

import VuePainting from 'vue-painting'
 
new Vue({
  components: {
    VuePainting
  }
})

CommonJS:

const  VuePainting = require('vue-painting')
 
new Vue({
  components: {
    VuePainting
  }
})

Browser

<body>
  <script src="path/to/vue.js"></script> 
  <script src="path/to/vue-painting.js"></script> 
  <script>
    new Vue({
      components: {
        'vue-painting': VuePainting
      }
    })
  </script> 
</body>

Usage

Props

Prop Type Descrition
img String The image source,can be base64 and url

Events

Name Param[Type] Descrition
saveImage clipImage[Blob] dispatch when save button click
copyImage clipImage[Blob] dispatch when √ click
quit dispatch when quit

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i vue-painting

Repository

github.com/wotermelon/vue-painting

Homepage

github.com/wotermelon/vue-painting#readme

Weekly Downloads

4

Version

1.0.8

License

none

Unpacked Size

2.78 MB

Total Files

42

Last publish

Collaborators

  • wotermelon
Try on RunKit
Report malware