评论

gesture-view 支持双指平移、缩放、旋转的小程序组件

微信小程序自定义组件 gesture-view,支持双指触控的平移、缩放、旋转,兼容 skyline 渲染器。

微信小程序原生组件 movable-view 只支持平移、缩放,不支持旋转,仅支持 webview 渲染器,并且有性能问题。

`gesture-view` 组件在微信小程序中原生实现了双指平移、缩放、旋转,并且兼容 skyline 渲染器。算法上参考了 Dan Burzo 的 Pinch me, I'm zooming: gestures in the DOM 一文,使得变换中心始终处于双指中点。初期实现参考了 微信小程序单指拖拽和双指缩放旋转 专栏文章。

由于微信小程序不支持 `DOMMatrix`,并且无法通过原生 npm 构建的形式正常加载 @thednp/dommatrix 包,这里直接使用了其 cjs(CommonJS)发布文件于 components/gesture-view/dommatrix.js。

详细使用说明请见 README.md 文件。

代码仓库:https://github.com/LogCreative/wxapp-gesture-view

代码片段:https://developers.weixin.qq.com/s/wmnPFKmY7NQr

最后一次编辑于  04-26  
点赞 2
收藏
评论

1 个评论

  • 隋振强
    隋振强
    07-13

    强啊 兄弟 赞

    07-13
    赞同
    回复
登录 后发表内容