Marker
Description about
marker
. Coming soon...
Usage
API
Position
x
Marker 标记,在 canvas 画布中 x 方向的的相对位置, 默认为 0.
y
Marker 标记,在 canvas 画布中 y 方向的的相对位置, 默认为 0.
Attributes
size
Marker 标记的大小,默认为 16.
symbol
Marker 标记的类型,内置的 symbol 有: circle
(圆形), square
(正方形), diamond
(菱形), triangle
(三角形), triangleDown
(下三角形), 折线相关的 line
, dash
, dot
, smooth
, vh
, hvh
, vhv
.
type FunctionalSymbol = (x: number, y: number, r: number) => PathCommand;
Example:
/**
* 实现一个圆形 symbol marker
*/
function circle(x: number, y: number, r: number) {
return [
['M', x - r, y],
['A', r, r, 0, 1, 0, x + r, y],
['A', r, r, 0, 1, 0, x - r, y],
];
}
/**
* 实现一个正方形 symbol marker
*/
function square(x: number, y: number, r: number) {
return [['M', x - r, y - r], ['L', x + r, y - r], ['L', x + r, y + r], ['L', x - r, y + r], ['Z']];
}