export class Point
除了x,y坐标,还带有辅助数据和锚点方向的类。

  1. // es6, npm lib
  2. import { Point } from 'topology-core/models/point';
  3. // es5, bundle.js
  4. Le5leTopology.Point

成员变量列表

名称 类型 是否必选 描述
x number x坐标
y number y坐标
direction Direction

export enum Direction {
None,
Up,
Right,
Bottom,
Left
} | 否 | 方向:上、下、左、右。
主要为了计算初始连线方向。 | | id
| string | 否 | 为node id:标记与哪个node关联。与anchorIndex 一起表示关联了哪个节点的哪个锚点 | | anchorIndex
| number | 否 | 与第几个锚点关联 | | data
| any | 否 | 用户数据 | | hidden | boolean | 否 | 作为锚点时,鼠标在节点上时是否隐藏,仅鼠标移动到锚点自身才显示。

默认 false | | mode
| enum AnchorMode {
Default,
In,
Out
} | 否 | 作为锚点时,允许连线方向。默认双向。 | | autoAnchor | boolean | 否 | 是否作为虚拟自动锚点 |

成员函数列表

构造函数


constructor(
public x: number,
public y: number,
direction?: Direction,
anchorIndex?: number,
id?: number | string,
hidden?: boolean,
autoAnchor?: boolean
)
参数

名称 类型 是否必选 描述
x number x坐标
y number y坐标
direction Direction 用于表示节点锚点的方向(上下左右),好生成默认的连线控制点
anchorIndex number 与node的第几个锚点关联
id number | string 为node id:标记与哪个node关联。与anchorIndex 一起表示关联了哪个节点的哪个锚点
hidden boolean 作为锚点时,鼠标在节点上时是否隐藏,仅鼠标移动到锚点自身才显示。
autoAnchor boolean 是否作为虚拟自动锚点

hit指定点pt是否命中当前点

hit(pt: Point, radius = 5)

参数

名称 类型 是否必选 描述
pt 自定义Point 指定点
radius number 扩大半径判断命中

rotate旋转

rotate(angle: number, center: { x: number; y: number }): Point
指定中心点,围绕中心的旋转,得到一个新的点

参数

名称 类型 是否必选 描述
angle number 旋转角度
center {x,y}坐标 中心的

clone克隆

clone(): Point
克隆当前点,返回一个新的点