js完美实现同时拖拽、旋转、放大缩小图片的手势操作 ver2 添加图片截取功能

时间：2019-05-12 11:21:08
【文件属性】：

文件名称：js完美实现同时拖拽、旋转、放大缩小图片的手势操作 ver2 添加图片截取功能

文件大小：291KB

文件格式：RAR

更新时间：2019-05-12 11:21:08

js 拖拽 旋转 手势 截图

Tomcat部署后移动端访问测试(个人上传最终版本？) 使用hammer.js+cropper.js 实现手势同时操作，即旋转时也可以拖拽放大 添加截取图片功能,可设置截图宽高比例,可设置截取的图片宽高值 添加复位功能

立即下载

【文件预览】：
mycroptest.html
js
----cropper.min.js(27KB)
----jquery.min.js(95KB)
----mymove.js(6KB)
----hammer.min.js(19KB)
----cropper.js(78KB)
----bootstrap.min.js(36KB)
1.jpg
1__.jpg
css
----cropper.css(5KB)
----bootstrap.min.css(118KB)
----cropper.min.css(4KB)

网友评论

  • 感谢分享！！！
  • 感谢分享!!!
  • 很好用，谢谢~~~~~~~~~~~~~~~~
  • 报错了，这一句 $result.html('<img src="' + croppedCanvas.toDataURL('image/png', 1) + '">'); 错误：Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at HTMLButtonElement.

相关文章