图片剪裁cropper插件结合网站示例 支持图片旋转,裁剪,加水印功能 类似58同城效果

cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持鼠标滚轮操作,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用

近日结合了客户的网站,利用cropper插件做了支持图片旋转,裁剪,加水印功能。效果如下


网站页面  点击添加图片

图片剪裁cropper插件结合网站示例 支持图片旋转,裁剪,加水印功能 类似58同城效果_第1张图片



弹出图片上传选择框



图片剪裁cropper插件结合网站示例 支持图片旋转,裁剪,加水印功能 类似58同城效果_第2张图片



可以添加多个图片  上部预览  可以单独处理,支持左旋转  右旋转  添加水印


图片剪裁cropper插件结合网站示例 支持图片旋转,裁剪,加水印功能 类似58同城效果_第3张图片



确定后 关闭图片处理 回到网站页面


图片剪裁cropper插件结合网站示例 支持图片旋转,裁剪,加水印功能 类似58同城效果_第4张图片




效果类似 58同城 图片上传  




你可能感兴趣的:(php,58同城,图片旋转,裁剪,图片剪裁cropper插件,图片水印)