KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #codex #typescript #developer-tools #ai-agents #deepseek-harness #claude-code #ai-agent #cli #react #mcp

vue-painting

★ 49 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-painting

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

see：[demo](https://wotermelon.github.io/vue-painting/)

## Installation

### NPM

```
npm install vue-painting --save
```

#### ES6:

```js
import VuePainting from 'vue-painting'

new Vue({
  components: {
    VuePainting
  }
})
```
#### CommonJS:

```js
const  VuePainting = require('vue-painting')

new Vue({
  components: {
    VuePainting
  }
})
```

### Browser

```html
<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](https://opensource.org/licenses/MIT)

vue-painting

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README