【文件属性】:
文件名称: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.