移动端动效平台 finger-mover

MIT
JavaScript
跨平台
2017-05-16
HcySunYang

finger-mover

概述

finger-mover 是一个集成 Fingerd(移动端以手指为单位的事件管理方案) 和 Moved(微型运动方案) 为一体的移动端动效平台,finger-mover 本身并不能为你做什么,但是附带的提供了很多插件,例如: 纵向模拟滚动(simulation-scroll-y.js)、 横向模拟滚动(simulation-scroll-x.js)等等,配合这些插件,你可以轻松的实现移动端的一些运动组件。

特性

  • 体积小,压缩后:11.12kb

  • 插件化,运动组件均以插件的形式提供,当然,你也可以开发你自己插件,请查看 插件开发

安装

npm install --save finger-mover

finger-mover 以 umd 模块发布,所以你可以使用任何你想用的方式来使用它。如果直接使用 <script> 标签引用的话,那么将注册全局变量 Fmover

快速开始

// 导入 finger-mover
import Fmover from 'finger-mover'
// 导入 纵向模拟滚动插件 simulation-scroll-y
import simulationScrollY from 'simulation-scroll-y'
// 导入 横向模拟滚动插件 simulation-scroll-x
import simulationScrollX from 'simulation-scroll-x'

// 同时使用 simulation-scroll-y 和 simulation-scroll-x 这两个插件,即可实现 2d 滚动
let fm = new Fmover({
    el: '#scroll-box',
    plugins: [
        simulationScrollX(),
        simulationScrollY()
    ]
})

加载中
请先登录后再评论。

暂无资讯

暂无问答

One Finger Rotation

这是一个自定义的手势识别代码例子,支持单手指旋转手势识别(One Finger Rotation Gesture Recognizer)。实现原理是,以一个点为中心,跟踪手指移动的轨迹。 Code4App编译测试,测试环境:...

2013/01/24 18:46
78
0
linux:finger命令

finger用来查看用户信息。 示例: bash >> finger letian Login: letian Name: letian Directory: /home/letian Shell: /bin/bash On since Sat...

2014/02/19 15:23
28
0
cartier earrings sale fit various finger

this is a jewelry wholesale online store from China.offer no minimum quantity. you can find the minimum quantity is 200USD per order and no quantity required.1 salesman I talked...

2014/05/19 15:56
4
0
KT One Finger Rotation Gesture Recognizer

KTOneFingerRotationGestureRecognizer 实现了自定义的 UIGestureRecognizer 用于实现单手指旋转操作,同时会跟踪手指的移动。 转载:http://www.adobex.com/ios/source/details/00001077.ht...

2013/02/01 21:56
19
0
finger---用于查找并显示用户信息

finger finger命令用于查找并显示用户信息。包括本地与远端主机的用户皆可,帐号名称没有大小写的差别。单独执行finger指令,它会显示本地主机现在所有的用户的登陆信息,包括帐号名称,真实...

2018/11/14 15:47
70
0
linux中的finger命令用法

Linux 允许多个用户使用不同的终端同时登陆,Linux finger命令为系统管理员提供知道某个时候到底有多少用户在使用这台Linux主机的方法,对于这个简单的命令我们还是先介绍一下再举例吧。 Li...

2015/01/13 20:47
105
0
Leap Motion API类库:Finger

1. Finger:继承Pointable() 跟踪手指,获取有效Pointable手指对象,对应5根手指性能,如速度,连续等,Pointable.valid()属性测试 var hand = frame.hands[0]; var finger = hand.fi...

2016/01/28 12:41
384
1
KT One Finger Rotation Gesture Recognizer

KTOneFingerRotationGestureRecognizer 实现了自定义的 UIGestureRecognizer 用于实现单手指旋转操作,同时会跟踪手指的移动。 转载:http://www.adobex.com/ios/source/details/00001077.ht...

2013/02/01 22:24
102
0
21.每日一个Linux命令----finger

描述:显示用户的资料,用户名、主目录、停滞时间、登录时间、登录shell等信息。如果要查询远程机上的用户信息,需要在用户名后面接“@主机名”,采用[用户名@主机名]的格式,不过要查询的网络...

2016/06/15 19:25
40
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部