最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
功能强大的Android滚动控件RecyclerView
时间:2022-06-25 23:21:42 编辑:袖梨 来源:一聚教程网
//图片手势放大 varreqAnimationFrame = (function() { returnwindow[Hammer.prefixed(window,'requestAnimationFrame')] ||function(callback) { window.setTimeout(callback, 1000 / 60); }; })(); varel = $('img'); varticking =false; vartransform; varinitScale = 1; var_eImg =''; for(varm = 0; m < el.length; m++) { varmc =newHammer.Manager(el[m]); mc.add(newHammer.Pan({ threshold: 0, pointers: 0 })); mc.add(newHammer.Swipe()).recognizeWith(mc.get('pan')); mc.add(newHammer.Pinch({ threshold: 0 })).recognizeWith(mc.get('pan')); mc.on('panstart panmove', onPan); mc.on('pinchstart pinchmove', onPinch); mc.on('swipe', onSwipe); } functionresetElement() { el.addClass('animate'); transform = { translate: { x: 0, y: 0 }, scale: 1, angle: 0, rx: 0, ry: 0, rz: 0 }; requestElementUpdate(); } functionupdateElementTransform() { varvalue = ['translate3d('+ transform.translate.x +'px, '+ transform.translate.y +'px, 0)','scale('+ transform.scale +', '+ transform.scale +')','rotate3d('+ transform.rx +','+ transform.ry +','+ transform.rz +','+ transform.angle +'deg)']; value = value.join(' '); if(_eImg !='') { _eImg.style.webkitTransform = value; _eImg.style.mozTransform = value; _eImg.style.transform = value; //_eImg.css({ 'transform': value }, { '-webkit-transform': value }); } ticking =false; } functionrequestElementUpdate() { if(!ticking) { reqAnimationFrame(updateElementTransform); ticking =true; } } functiononPan(ev) { el.removeClass('animate'); transform.translate = { x: ev.deltaX, y: ev.deltaY }; } functiononPinch(ev) { if(ev.type =='pinchstart') { initScale = transform.scale || 1; } el.removeClass('animate'); transform.scale = initScale * ev.scale; requestElementUpdate(); _eImg = ev.target; return_eImg; } functiononSwipe(ev) { varangle = 10; transform.ry = (ev.direction & Hammer.DIRECTION_HORIZONTAL) ? 1 : 0; transform.rx = (ev.direction & Hammer.DIRECTION_VERTICAL) ? 1 : 0; transform.angle = (ev.direction & (Hammer.DIRECTION_RIGHT | Hammer.DIRECTION_UP)) ? angle : -angle; requestElementUpdate(); _eImg = ev.target; return_eImg; } resetElement();
相关文章
- 王者荣耀S38赛季有什么更新 12-25
- 王者荣耀S38赛季有什么更新 王者荣耀S38赛季更新内容介绍 12-25
- 世界之外12.25有什么更新 世界之外12月25日更新内容介绍 12-25
- 光遇12.25红石碎片在哪里 光遇12月25日红石碎片位置攻略 12-25
- 奇迹暖暖绚光引途第二天怎么玩 绚光引途day2庆祝之舞搭配攻略 12-25
- 无限暖暖拍照打卡位置在哪里 无限暖暖世界巡游位置全攻略 12-25