请在Tomcat上运行,手机测试手势
本版本,使用cropper.js+hammer.js 实现手势旋转拖拽放大缩小图片功能,在截取图片时 清晰度远远大于jcanvas版本.有截取框,点击截取canvas
bug 设置截取框cropbox的高度 不能大于图片高度,不知道新版的croppper.js是否修复
2022-02-22 17:06:18
137KB
1
里面包括很多事例，可以实现div,img的缩放，旋转，滑动 还有在指定区域内滑动不能覆盖其他区域，还有很多其他实例自己挖掘，http://www.cnblogs.com/vajoy/p/4011723.html一份官方翻译说明，附有操作说明书。
2022-01-22 09:55:31
1.36MB
1
骨干-hammerjs-视图
骨干+ Hammer.js
一个基本的扩展，在视图元素上启用事件。
用法
var TapableView = Backbone . HammerJSView . extend ( {
events : {
'tap' : 'handleTap'
} ,
handleTap : function ( e ) {
//...
}
} ) ;
使用非 Hammer.defaults Hammer.Recognizer
选项从视图的hammerjs属性传递并使用Hammer.JS 绑定到视图的元素。
var SwipeableView = Backbone . HammerJSView . extend ( {
hammerjs : {
recognizers : [
[ Hammer . Swipe
2021-05-31 11:03:25
6KB
1
支持bootstrap滑动轮播。
hammer,jquery.hammer.js,hammer/hammer.min.js
2019-12-21 20:23:03
7KB
1
使用hammer.js监听触控时产生的位移，并用Jcanvas.js画出来，从而实现在canvas画布内进行手势的拖拽 旋转 移动 缩放功能.点击按钮获取画布内的base64，并显示.
测试时请放在tomcat内，并手机访问.
不足：canvas加载图片缩放时有失真（前一个上传的demo则不失真）
优点:可双点触控 同时进行移动缩放旋转效果
2019-12-21 20:17:30
94KB
1
使用hammer.js 可以手势控制同时进行旋转 拖拽 放大缩小功能，
解决官网移动旋转复位效果，
重点解决官网旋转rotate demo旋转乱跳bug
官网:http://hammerjs.github.io/
(官网的demo真是坑 又是复位又是旋转抖动的....双点触控就立马旋转造成抖动视觉效果的bug)
2019-12-21 20:17:30
51KB
1