vue-image-filler
图像[填充]剪裁工具 [ Vue Image clipping tool ]
vue-image-filler
是一款用于图像剪裁的工具,交互设计更为轻便简洁。与传统自由拖拽的图像剪裁工具不同的是,她更适用于限定输出尺寸的场景。
在常见的头像上传、缩略图生成、物料生成等功能皆可用它来完成。
效果截图
开发设置
你可以从 dist
目录选择适合你项目的模块文件,独立引入,当然我们更推荐你通过 npm
安装使用。
npm
安装模块
通过 npm install vue-image-filler --save
// 全局注册模块Vue// or// 局部注册data:// ...components:ImageFillermethods:// ...
如何使用
模版定义
图像剪裁完成事件监听
{consoleconsoleconsoleconsoleconsole// 生成预览图片地址let previewImageUrl = URL// 上传剪裁后的文件let formData =formData}