This package has been deprecated

Author message:

please use vue-image-painter

vue-image-drawer

图像动态绘制效果

🐠 示例

Demo

Demo 源码

🚀 快速开始

1. 安装

yarn add vue-image-drawer # 或 npm i -S vue-image-drawer

2. 引入

// main.js 入口中
import ImageDrawer from 'vue-image-drawer'
Vue.use(ImageDrawer)

3. 使用，请参考Demo 源码

<!-- 本地图片的 src 必须用 require('') 引入  -->
<ImageDrawer :src=""></ImageDrawer>

🔌 API

Props

选项	说明	类型	默认值
src	图片链接。本地图片须用 require('') 引入	String	undefined
alt	图片描述	String	undefined
duration	动画持续时间	Number	4000
immediate	立即显示图片和动画，而不等图片加载完	Boolean	false

Events

事件名	说明	回调参数
loadStart	图片加载开始	null
loadEnd	图片加载结束	null

Slots

名称	说明
default	图片未显示前，ImageDrawer 内需要显示的内容

---

😉😘 如果它对你有所帮助，可以点一下 ⭐️Star ~

参考

• ImageDrawer.js

License

MIT

Copyright (c) 2018-present, momoko