Ring.ts
781 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/**
* 圆环
*/
import Path, { PathProps } from '../Path';
export class RingShape {
cx = 0
cy = 0
r = 0
r0 = 0
}
export interface RingProps extends PathProps {
shape?: Partial<RingShape>
}
class Ring extends Path<RingProps> {
shape: RingShape
constructor(opts?: RingProps) {
super(opts);
}
getDefaultShape() {
return new RingShape();
}
buildPath(ctx: CanvasRenderingContext2D, shape: RingShape) {
const x = shape.cx;
const y = shape.cy;
const PI2 = Math.PI * 2;
ctx.moveTo(x + shape.r, y);
ctx.arc(x, y, shape.r, 0, PI2, false);
ctx.moveTo(x + shape.r0, y);
ctx.arc(x, y, shape.r0, 0, PI2, true);
}
}
Ring.prototype.type = 'ring';
export default Ring;