vue-image-painter

English | 简体中文

🌰 Example

Demo

Demo Source Code

🚀 QuickStart

1. Install

yarn add vue-image-painter # OR npm i -S vue-image-painter

2. Import

// main.js
import ImagePainter from 'vue-image-painter'
Vue.use(ImagePainter)

3. Usage. Please refer to the Demo Source Code

<ImagePainter :src="https://www.images.com/a.jpg"></ImagePainter>

🔌 API

Props

| Name | Description | Type | Default | | --------- | --------------------------------------------------------------------------- | ------- | --------- | | src | image URL. local images must be used require('') | String | undefined | | alt | image alt | String | undefined | | animation | animation effect. optional key: 'draw'，'blur' | String | 'draw' | | duration | animation duration. unit: ms | Number | 4000 | | immediate | display images and animations immediately, don't wait for the image to load | Boolean | false |

Events

| Name | Description | Parameters | | --------- | ---------------- | ---------- | | loadStart | image load start | null | | loadEnd | image load end | null |

Slots

| Name | Description | | ------- | ------------------------------------------------------------- | | default | The content ImagePainter displays, before the image is loaded |

😉😘 If it is helpful to you，please encourage me with a ⭐️Star ~

Thanks

• ImageDrawer.js

Changelog

License

MIT

Copyright (c) 2018-present, momoko