Skip to content
On this page

Class: Rect ​

矩形绘制,必须挂载Graphics节点上才能生效

ts
const node = app.stage.addChild(new Transform(Graphics));
node.position.set(100, 100);
node.size.set(100, 100);
const rect = node.addComponent(Rect)!;
rect.radius = 10;
rect.fill = '#0000FF';
rect.storke = '#ff0000';
rect.storkeWidth = 3;

Hierarchy ​

Table of contents ​

Constructors ​

Properties ​

Methods ​

Constructors ​

constructor ​

• new Rect()

组件不能单独实例化,必须通过Transform.addComponent创建

ts
const node = new Transform();
const componet = node.addComponent(Component);

Inherited from ​

Component.constructor

Defined in ​

src/core/component/Component.ts:37

Properties ​

emitter ​

• emitter: EventEmitter<string | symbol, any>

事件处理器

Inherited from ​

Component.emitter

Defined in ​

src/core/component/Component.ts:27


fill ​

• Optional fill: string = '#000000'

填充颜色

Defined in ​

src/core/component/Rect.ts:25


id ​

• id: number

用于表示组件的唯一标识

Inherited from ​

Component.id

Defined in ​

src/core/component/Component.ts:12


name ​

• name: string = ''

组件名

Inherited from ​

Component.name

Defined in ​

src/core/component/Component.ts:17


node ​

• node: Transform<Container>

组件挂载节点

Inherited from ​

Component.node

Defined in ​

src/core/component/Component.ts:22


radius ​

• radius: number = 0

圆角大小

Defined in ​

src/core/component/Rect.ts:21


storke ​

• storke: string = '#FFFFFF'

边框颜色

Defined in ​

src/core/component/Rect.ts:29


storkeWidth ​

• storkeWidth: number = 0

边框大小

Defined in ​

src/core/component/Rect.ts:33

Methods ​

destroy ​

▸ destroy(): void

消毁

Returns ​

void

Inherited from ​

Component.destroy

Defined in ​

src/core/component/Component.ts:55


onDestroy ​

▸ onDestroy(): void

组件被销毁时触发

Returns ​

void

Overrides ​

Component.onDestroy

Defined in ​

src/core/component/Rect.ts:65


start ​

▸ start(): void

组件被挂载到节点时触发

Returns ​

void

Overrides ​

Component.start

Defined in ​

src/core/component/Rect.ts:36


update ​

▸ update(time): void

每帧调用

Parameters ​

NameTypeDescription
timenumber和上一帧的间隔时间 ms

Returns ​

void

Overrides ​

Component.update

Defined in ​

src/core/component/Rect.ts:60