cropper图片裁剪 cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。这里使用的是Cropper v4.0.0版本。 github地址:https://github.com/fengyuanchen/cropper  在示例页面中,主要演示了新上传时候,以及编辑(有图片地址)时候两种情况下的裁剪,因为示例中又用到了别的插件,这一点大家使用时候需要注意。 插件项目中页面名字:`test_cropper.html` `test_cropper_v4.html` [点击查看 cropper图片裁剪 在线演示](http://example.itshubao.com/example/108.html "点击查看 cropper图片裁剪 在线演示") 涉及的文件: - `js/cropper/cropper.min.css` - `js/cropper/cropper.min.js` 上面两个插件需要引入的文件没有问题,下面看看v3版本时候引入的文件。 - `js/jquery.lyear.loading.js` - `js/bootstrap-notify.min.js` - `js/lightyear.js` 后面两个文件大家可能没有啥疑问,主要在于 `jquery.lyear.loading.js` 文件,该文件其实原本是v4里面的,但是为了在实际使用时候能够有更好的体验,也放到了插件整合项目里,这样单独作为一个插件来使用(v3和v4)都支持。 大家在页面中可以看到,v4的演示页面,引入的是: - `js/lyear-loading.js` 其实这两个文件的内容是一样的。