更新记录
1.0.1(2025-12-18) 下载此版本
优化拖动流畅度
1.0.0(2025-12-17) 下载此版本
1.0.0
平台兼容性
uni-app(4.56)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | - | - | √ | - | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - |
srh-pinchzoom
双指缩放组件,支持双指缩放,单指拖拽。
代码演示
<srh-pinchzoom :width="200" :height="200" :allowZoom="true" :minScale="1" :maxScale="4" @scaleChange="scaleChange">
<view>缩放的内容</view>
</srh-pinchzoom>
传入参数说明
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| width | Number | 100 | 是 | 容器宽度 |
| height | Number | 100 | 是 | 容器高度 |
| minScale | Number | 1 | 否 | 最小缩放倍数 |
| maxScale | Number | 4 | 否 | 最大缩放倍数 |
| allowZoom | Boolean | false | 否 | 是否开启双指缩放 |
| scaleChange | Function | 缩放返回事件 |
scaleChange返回参数说明
{
left: 0,
top: 0,
scale: 1
}

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 162
赞赏 3
下载 12330031
赞赏 1828
赞赏
京公网安备:11010802035340号