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 ~

Inspiration

• ImageDrawer.js

Changelog

License

MIT

Copyright (c) 2018-present, komo