Skip to content

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

Notifications You must be signed in to change notification settings

wotermelon/vue-painting

Repository files navigation

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published