github地址:https://github.com/yinzhida/vue-crop
git clone: https://github.com/yinzhida/vue-crop.git
这个小项目最近更新到了第2版,虽然还有很多不足,还是分享给大家。
简介
vue-crop是一个用于标记矩形选框位置的小插件(类似于jcrop)。不同于现有的大部分cropper的地方在于:它不与图片裁剪功能耦合,而是更专注于标记选框位置。这使它可以在更多的标记需求中得到应用。比如:图像/视频切割,绘制矩形标记。
实现功能
功能包括,绘制矩形选框,设定选区的最大最小宽高,自定义比例绘制等等。
实现原理
乍一看去,这个插件的功能还是比较简单。但是实际编写的时候发现还是有一些小的技巧的。比如,如何定义选区,以及如何定义用户拖拽选区的