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