视图控制与效果
本页对应英文版 View Control & Effects，主要介绍画布坐标系、缩放平移、聚焦操作和动画效果在 relation-graph 中的协作方式。
视图控制目标
- 让用户能够在大图中自由缩放、平移、聚焦和居中。
- 在此基础上配合动画和性能模式，保证体验稳定。
画布坐标系
- 系统区分节点坐标、画布偏移、视口范围与客户端坐标。
- 所有视图控制最终都建立在统一坐标换算之上。
缩放系统
zoom()用于增量缩放setZoom()用于直接设置缩放比例
平移与聚焦
setCanvasCenter()moveToCenter()focusNodeById()zoomToFit()fitContentHeight()
这些方法共同构成常见的视图控制 API。
动画系统
- 节点位置变化可带动画
- 画布变换可带动画
- 交互过程中的视觉反馈也属于这一层的一部分
与性能模式的关系
- 缩放和平移会影响是否进入性能模式。
- 因此，视图控制与 EasyView 并不是相互独立的。
实现细节
- 缩放边界约束
- 当前视图矩形查询
- 与事件系统联动