请向下滑动

改变线的透明度

描画拥有透明线的图形

使用stroke则可以改变图形的线的颜色与透明度。


基本:更改线的透明度

使用stroke则可以改变图形的线的颜色与透明度。

比如说,想将线的颜色改为红色(255,0,0),透明度改为20的话,则可以输入stroke(255,0,0,20)


例题:比较线的透明度

⇨ 运行练习19-0

例题19运行后会描画出3个点。我们来试着改变这些点的透明度吧。


第一步:改变线的透明度

如果要把线的颜色改为(255,220,0)、透明度改为0则可以输入stroke(255,220,0,0);。把透明度改为128或者255也是一样的写法。

图1 改变线的透明度。

第二步:完成描画

⇨ 运行例题19-2

运行例题19-2后,来比较一下3个点的情况吧。透明度变化后3个点会产生怎样的变化呢。


练习:比较线的透明度

⇨ 运行练习19-0

接下来的练习19-0中,让我们增加点的数量,试着改变它们的透明度吧。


第一步:改变线的透明度

⇨ 在练习19-1中编程

将练习19-0中的从左数第二个点的透明度改为64、左数第四个点改为192

图2 将线的透明度改为64192

参考上图,将练习19-1的线的透明度改为64192

随着透明度逐渐从255降到0,我们可以看到点越来越透明。


第二步:拓展

⇨ 运行练习19-2

练习19-2中,我们可以看到透明度逐渐变化的一条条直线。尝试去改变这些线的颜色或者透明度吧。


总结

操作图形的线的透明度的程序是stroke。比如说,要将线的颜色改成红色(255,0,0)、透明度改为20时,可以输入stroke(255,0,0,20)