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.