经纬志
首页 / OpenLayers / 使用示例

要素缩放与旋转

几何自带 scale 与 rotate,锚点选对就不会跑位。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

几何自带的 scale(sx, sy, anchor) 与 rotate(angle, anchor) 以锚点为中心做变换,配合 Modify 可以边缩放边微调顶点。

官方示例用手柄同时完成缩放、旋转与平移。这里把两个滑杆接到 scale 与 rotate,每次从原始顶点重建几何再套用,避免连续变换累积误差。

要点

  • 锚点取几何范围中心,缩放不会跑位。
  • 旋转角用弧度,滑杆给的是角度。
  • 先缩放后旋转的顺序会影响结果,固定顺序才可复现。

变换后 getExtent() 会同步更新,用它做定位比记顶点更稳。