【Cocos creator】绘图系统：Graphics组件之动态改变生成图像的透明度

最新推荐文章于 2025-01-30 17:51:21 发布

原创最新推荐文章于 2025-01-30 17:51:21 发布 · 1.3w 阅读

2 ·

CC 4.0 BY-SA版权

Cocos creator 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在CocosCreator中使用Graphics组件绘制图像时调整图像透明度的方法。包括在编辑器中直接设置和通过代码动态调整两种方式，后者更为灵活。

在Cocos creator 中，要想在使用Graphics组件绘制图像的过程中改变图像的透明度有两种方法：

1.在编辑器中Graphics组件的fillColor属性中设置；

2.通过代码动态设置。

drawLine:function(){
         var graphics=this.getComponent(cc.Graphics);
         graphics.circle(0,0,200);
         //添加颜色及透明度
         let fillColor = cc.Color.RED;//声明一个颜色变量
         fillColor.a=200;//添加透明度
         graphics.fillColor=fillColor;//填充
         
         graphics.stroke();
         graphics.fill();
         
    },

第一种方法有个不足的地方就是，不管绘制多少个图像都只有固定的透明度，而第二种方法可以在代码中动态的设置图像的透明度，方便灵活。