cocos creator3.x 关于Graphics组件绘制不显示的问题

cocos creator3.x 关于Graphics组件绘制不显示的问题

官方文档介绍:

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();

}

}

相关作品