html5 图片手势缩放，如何计算transform-origin

Question

图片手势缩放

我的思路是，计算手指移动后，两个触摸点的中点相对于图片左上角的坐标，得出transform-origin（即变换中心）
根据手指移动前后的距离，得出缩放比例

然而，按照这个思路，得出效果却有bug，图片在放大/缩小到一定程度，会有严重的抖动、漂移现象

---

问题排查

如果，不设置transform-origin，图片缩放就没有上面所说的现象。因此，我觉得一定是我计算transform-origin的姿势有问题...

链接
code

Answer 1

不使用动态修改transform-origin的方法