movable-view在uni-app中不支持缩放，需外层view通过scale+translate双变量控制并手动同步touch事件；双指缩放须监听touches[0]和touches[1]计算间距，缩放后重置x/y为0，ios微信需加touch-action:none并条件调用preventdefault()。
movable-view在uni-app中不能直接缩放图片
uni-app的 movable-view 本身只支持平移（direction）和拖拽，不提供缩放能力。强行给 movable-view 加 transform: scale() 会导致位移错乱、手势失灵，甚至白屏——这是最常踩的坑。
真正可行的方案是：用 movable-view 控制位置，用 scale + translate 双变量驱动图片容器，且必须手动同步 touch 事件与 transform 状态。
- 不要把
movable-view当成“可缩放视图”，它只是个带边界限制的移动框 - 图片缩放必须由外层
view的style动态控制，不是靠movable-view自身属性 - 缩放后需重置
movable-view的x和y，否则拖拽起点偏移
双指缩放必须自己监听 touch 事件
uni-app 没有内置双指 pinch 手势，movable-view 也不响应 touchstart 多点事件。你得在外层 view 上监听 touchstart/touchmove/touchend，并手动计算两指间距变化来更新缩放值 scale。
关键逻辑：记录首次 touch 的两点坐标 → move 中实时算当前距离 → 距离比 = 缩放系数 → 限制 scale 在 1.0～3.0 之间（避免内存暴增或糊图）。
-
touchstart阶段必须判断event.touches.length === 2才进入缩放流程 - 别用
event.changedTouches算距离，要用event.touches[0]和event.touches[1]，否则手指抬起后数据错乱 - 缩放过程中禁止同时触发
movable-view的拖拽，需临时设disabled或用 flag 拦截
图片居中放大时，movable-view的x/y要动态归零
用户双击放大后，如果直接拖拽，会发现图片“瞬移”或卡在左上角——这是因为 movable-view 的 x 和 y 还是缩放前的绝对像素值，而缩放后图片尺寸变了，原坐标已失效。
正确做法：每次缩放结束（touchend），把 x 和 y 重置为 0，再靠外层容器的 transform: translate() 做视觉居中；后续拖拽才基于新尺寸生效。
- 缩放后立刻执行
this.x = 0; this.y = 0;，否则movable-view内部坐标系崩坏 - 居中逻辑写在
scale变化后的 nextTick 里，确保 DOM 重绘完成 - 如果支持“双击恢复原图”，记得同时重置
scale和x/y，不然缩放回 1.0 后图片仍偏移
真机调试时 iOS 微信 WebView 的 touch 事件丢失问题
在 iOS 微信内打开 uni-app 页面，常出现双指缩放第一次有效、第二次无响应，或 touchmove 频繁中断——本质是微信 WebView 对多点 touch 的拦截策略更激进。
绕过方式：给外层容器加 style="touch-action: none;"，并在 touchstart 里调用 event.preventDefault()（注意只对双指生效，单指仍要留出滚动）。
- 仅在
event.touches.length >= 2时调用preventDefault()，否则页面无法上下滚动 - 安卓和 iOS 对
touch-action支持不一致，建议同时设置touch-action: none和-ms-touch-action: none - 真机测试务必用实际机型 + 微信最新版，开发者工具模拟不了这个行为
movable-view 和手势状态、transform 层级、WebView 行为三者耦合极深，任何一个环节没对齐，就会出现“能放大不能拖”“能拖不能缩”“缩了就卡死”之类现象。最稳的做法是：放弃幻想，老老实实自己管好 scale、tx、ty 三个变量，别指望组件自动同步。
