Cocos Creator 3.x绘制圆角矩形

Cocos竟然不能直接创建圆角矩形,自己写了个。这里简单介绍一下(可惜这里不能贴图): 1、首先建一个node节点,添加一个组件Graphics; 2、把roundRect.ts脚本挂在上去; 3、圆角矩形的绘制会根据当前node的大小(UITransform)来绘制,颜色则是使用Graphics组件中的颜色。绘制原理:本来我是使用绘制线条然后闭合填充的方式,实际操作发现线条无法闭合。后改用绘制四角四个圆,再添加两个长方形的方式形成完成圆角矩形。这里需要注意的是,绘制是根据锚点位置,如果想要以锚点为中心绘制,需要加上偏移。如果你想方便一些,可以直接下载我写好的rondRect.ts文件,该文件可以直接设置圆角弧度,并且已经做了以锚点为中心的修正。如果你没有积分,可以关注并留言给我,我将代码发你。
ts 文件大小:1.37KB