vue-image-transform

项目介绍

image transform 图片变形编辑组件，拖拽变形，并导出新的图片,兼容移动端和PC端

软件架构

兼容移动端和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);

页面中使用
<image-transform 
    :imgSrc="editSrc"  
    ref="imageTran" 
    :width="width" 
    :height="height">
</image-transform>

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