搜索了下貌似很多都不更新了?
我要做个图片查看器,可以类似手机里的系统图片查看器可以双指放大的那种,貌似一个这种好用的图片查看器 js 组件都没有?说好的前端轮子多呢。我只好自己来了。
最好是有 typescript ,没有的话代码要简单我可以自己改。
1
Ritr 2022-01-12 09:50:05 +08:00 1
hammer.js
|
2
66beta 2022-01-12 09:55:57 +08:00
hammer.js 应该可以再用 100 年
|
3
oott123 2022-01-12 11:19:56 +08:00
针对你的原始需求,https://photoswipe.com 好像比较出名。
|
4
makelove OP @oott123 这个我之前搜到过测试了下它的 demo 没几秒就发现有 bug 就直接 pass 了(就是双指缩放时图片会跳,比如突然跳到左上角了或跳没了,bug 出现频率非常高
|
5
h82258652 2022-01-12 12:33:31 +08:00
hammer.js+1 ,n 年前 jQuery 时代就用它了,现在还是用它
|
6
makelove OP hammer 有点老,且似乎也不更新了,体积又大。
搜索到有一些国产的 https://any86.github.io/any-touch/ https://github.com/18223781723/noname-gesture/ http://alloyteam.github.io/AlloyFinger/ 发现基本的手势识别也很简单啊,最后一个核心代码只有 100 行,打算基于最后一个搞自己的轮子用 ts 重写。demo 上功能少了运动速度(就是手一松就停了)和双指放大不是从中心放大的,不过既然是做轮子了这些也能加上。 |
7
tanranran 2022-01-12 12:51:40 +08:00
AlloyFinger +1 基于 AlloyFinger 魔改过
|
8
makelove OP @tanranran 搞了才发现从 AlloyFinger 开始不合适,这货是基于 touch events 事件,没法用于鼠标操作,因为和 pointer events 差别巨大还不好改,我还是从 noname-gesture 开始吧
|
9
noobma 2022-01-13 09:46:46 +08:00
|