svg opacity

opacity属性用于设置SVG元素的整体透明度。它的取值范围是0到1，其中0表示完全透明，1表示完全不透明。当应用opacity属性时，元素的填充颜色、边框颜色和元素本身都会受到影响。

在引用的第一个例子中，四个圆形元素分别使用了不同的透明度属性。第一个圆形没有设置任何透明度，所以它是完全不透明的。第二个圆形使用了fill-opacity属性，设置了填充颜色的透明度为0.1。第三个圆形使用了stroke-opacity属性，设置了边框颜色的透明度为0.1。第四个圆形使用了opacity属性，设置了整体透明度为0.1。

在引用的第二个例子中，同样有三个圆形元素，使用了不同的透明度属性。这里需要注意的是，当fill-opacity、stroke-opacity和opacity属性一起使用时，数值较小的属性会生效。因此，第二个圆形和第三个圆形的显示效果是相同的，都是填充和边框的透明度为0.1，整体透明度为0.9。

引用的第三个示例展示了如何使用遮罩效果来实现元素的淡出效果。遮罩效果通过定义一个渐变来实现，其中一个元素使用遮罩来指定该渐变的作用范围。在这个例子中，一个蓝色的矩形元素被一个渐变遮罩包围，通过渐变的透明度从0到1的变化，使得矩形元素的颜色逐渐淡出。