Vue Painting Save

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

Project README

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

Open Source Agenda is not affiliated with "Vue Painting" Project. README Source: wotermelon/vue-painting
Stars
49
Open Issues
1
Last Commit
5 years ago

Open Source Agenda Badge

Open Source Agenda Rating