当前位置: 首页 > Web前端 > CSS

基础触屏手势学习

时间:2023-03-30 23:27:34 CSS

最近接到一个小项目,需要实现触屏滑动,图片缩放,旋转,移动,所以花了三天时间学习实现。这里记录下学习过程:关键是css,触屏手势使用的技术:csstransitioncss2Dconversionhammer.jsAlloyFinger.jscss就不说了,hammer.js和AlloyFinger.js都是轻量级触屏手势封装类库,水平移动使用锤子.js,其他功能使用AlloyFinger.js。关键参数:运动:X轴、Y轴缩放:缩放的倍数旋转:角度这些参数可以打印出来。需要注意的是,在使用hammer.js实现移动后,我没有办法让他从第一次滑动结束的位置继续滑动,然后继续滑动我写的一个demo,https://github。com/liuguodong...所用技术官网链接:http://www.w3school.com.cn/cs...https://hammerjs.github.io/http://alloyteam.github.io/Al。..