vue-image-transform
#### 项目介绍
image transform 图片变形编辑组件,拖拽变形,并导出新的图片,兼容移动端和PC端
!
image
#### 软件架构
兼容移动端和PC端
#### 依赖
目前依赖jquery,需要在index.html引入jq
>
#### 安装教程
npm install vue-image-transform --save
#### 使用说明
在main.js中
import 'vue-image-transform/dist/vue-image-transform.min.css';
import { ImageTranform } from 'vue-image-transform';
Vue.use(ImageTranform);
页面中使用
:imgSrc="editSrc"
ref="imageTran"
:width="width"
:height="height">
Usage
#### Props
| Name | Type | Default | Description |
| ----------------| ---------------- | ---------------| ------------------------------------------|
| width | Number | 0 | 编辑画布宽度 |
| height | Number | 0 | 编辑画布高度 |
| imgSrc | String | 0 | 图片Url |
| maxImageW | Number | 0 | 编辑图片最大宽度 |
| maxImageH | Number | 0 | 编辑图片最大高度 |
Function
>方法调用
>this.$refs.imageTran.方法名(params)
#### toDataUrl(cb) 绘制图片
| params | Type | Description |
| ----------------| ----------------| ------------------------------------------|
| cb | Function | 生成图片回调cb(base64)=>{} |
#### 参与贡献
1. Fork 本项目
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request