@antv/g6
Version:
A Graph Visualization Framework in JavaScript
40 lines (39 loc) • 1.63 kB
TypeScript
import type { DisplayObjectConfig } from '@antv/g';
import type { Point } from '../../types';
import type { BaseEdgeStyleProps } from './base-edge';
import { Cubic } from './cubic';
/**
* <zh/> 水平方向的三次贝塞尔曲线样式配置项
*
* <en/> Cubic Bezier curve in horizontal direction style properties
*/
export interface CubicHorizontalStyleProps extends BaseEdgeStyleProps {
/**
* <zh/> 控制点在两端点连线上的相对位置，范围为`0-1`
*
* <en/> The relative position of the control point on the line, ranging from `0-1`
* @defaultValue [0.5, 0.5]
*/
curvePosition?: number | [number, number];
/**
* <zh/> 控制点距离两端点连线的距离，可理解为控制边的弯曲程度
*
* <en/> The distance of the control point from the line
* @defaultValue [0, 0]
*/
curveOffset?: number | [number, number];
}
/**
* <zh/> 水平方向的三次贝塞尔曲线
*
* <en/> Cubic Bezier curve in horizontal direction
* @remarks
* <zh/> 特别注意，计算控制点时主要考虑 x 轴上的距离，忽略 y 轴的变化
*
* <en/> Please note that when calculating the control points, the distance on the x-axis is mainly considered, and the change on the y-axis is ignored
*/
export declare class CubicHorizontal extends Cubic {
static defaultStyleProps: Partial<CubicHorizontalStyleProps>;
constructor(options: DisplayObjectConfig<CubicHorizontalStyleProps>);
protected getControlPoints(sourcePoint: Point, targetPoint: Point, curvePosition: [number, number], curveOffset: [number, number]): [Point, Point];
}