官方文档介绍:
Graphics: https://docs.cocos.com/creator/3.3/manual/zh/ui-system/components/editor/graphics.html
如果正常按照文档介绍那样操作,创建空节点,然后添加Graphics组件,再进行绘制,运行后发现并不会显示任何内容,这个有点坑,查看官方文档解决不了,于是翻论坛终于找到了。
需要把对应Graphics节点的Layer
属性设置为:UI_2D
,然后再运行,就能正常显示了
import { _decorator, Component, Graphics } from 'cc';
const { ccclass, property } = _decorator;
@ccclass('Example')
export class Example extends Component {
start () {
const g = this.getComponent(Graphics);
g.lineWidth = 10;
g.fillColor.fromHEX('#ff0000');
g.moveTo(-40, 0);
g.lineTo(0, -80);
g.lineTo(40, 0);
g.lineTo(0, 80);
g.close();
g.stroke();
g.fill();
}
}