vip

vue-image-painter

🙋‍♀️ Image magic animation drawing effect component for Vue 2.x | 图像动态绘制效果

Showing:

Popularity

Downloads/wk

2

GitHub Stars

21

Maintenance

Last Commit

2yrs ago

Contributors

1

Package

Dependencies

0

Size (min+gzip)

1.9KB

License

MIT

Type Definitions

Tree-Shakeable

Yes?

Categories

Readme

vue-image-painter

English | 简体中文

🌰 Example

Demo

Demo Source Code

🚀 QuickStart

  1. Install
yarn add vue-image-painter # OR npm i -S vue-image-painter
  1. Import
// main.js
import ImagePainter from 'vue-image-painter'
Vue.use(ImagePainter)
  1. Usage. Please refer to the Demo Source Code
<ImagePainter :src="https://www.images.com/a.jpg"></ImagePainter>

🔌 API

Props

NameDescriptionTypeDefault
srcimage URL. local images must be used require('')Stringundefined
altimage altStringundefined
animationanimation effect. optional key: 'draw','blur'String'draw'
durationanimation duration. unit: msNumber4000
immediatedisplay images and animations immediately, don't wait for the image to loadBooleanfalse

Events

NameDescriptionParameters
loadStartimage load startnull
loadEndimage load endnull

Slots

NameDescription
defaultThe content ImagePainter displays, before the image is loaded

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

Inspiration

Changelog

License

MIT

Copyright (c) 2018-present, momoko

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100