裁剪置入的图片

很多时候我们需要对图片进行裁剪、缩放、旋转等 *** 作，比如上传用户的LOGO，基本都需要裁剪功能。那么一个好用的切割插件势必会提升用户的体验。

我们先来看一张裁剪好的图片，它可能的效果和必要的功能，如下图:

从这张图中我们可以看到，通过拖动和缩放可以剪切四个角，同时可以产生很多大小不一的小图。底部的功能按钮还可以旋转图片、缩放和预览。

上图怎么实现？今天给大家推荐一个jQuery插件:Cropper.js

那么Cropper.js是什么呢？

这是一个简单的jQuery图像裁剪插件。同样，我们建议使用不依赖于jQuery的Cropper.js库。

那么它有什么特点呢？

支持jQuery1.9.1+的依赖和没有jQuery的裁剪库；

支持38种配置选项、27种方法和6种事件；

支持移动终端，缩放，旋转，比例缩放，和多种作物；

支持在画布上裁剪，读取图片的Exif信息，跨浏览器裁剪等。

那么怎么得到呢？

可以在github上搜索:Cropper。它有两个版本，一个依赖于jQuery，另一个独立于jQuery (Cropper.js)。建议使用独立的js库。

那么怎么用呢？

通过上图，我们可以快速使用。至于配置信息，可以在github上查阅。这里就不一一列举了。

用户使用时有哪些常见问题？

比如shift键用来等比例裁剪图片；双击鼠标进入裁剪模式、移动模式等。

看看是不是很刺激。如果有空，就用吧。也许有一天，领导会让你有这样的功能。不要让我们不知所措。

郑重声明:本文版权归原作者所有。转载文章只是为了传播更多的信息。如作者信息标注有误，请第一时间联系我们修改或删除。谢谢你。

转载:感谢您对网站平台的认可，以及对我们原创作品和文章的青睐。非常欢迎大家分享到个人站长或朋友圈，但转载请注明文章来源“蝶芒网”。