在矩形或其填充上设置不透明度是否更有效?

时间:2011-04-17 10:08:56

标签: css svg

我定义了一个LinearGradiant,我用它作为矩形的填充颜色。现在说我希望它的不透明度是(.30)

我想知道在矩形上直接设置opacity属性或在LinearGradiant的每个停靠点上设置stop-opacity属性是否更高效?

1 个答案:

答案 0 :(得分:3)

我认为这取决于你是希望渐变是透明的(以及每次使用它)还是实际的矩形(包括它的笔画)。

在这种情况下我不担心性能或效率,而是更多关于你实际建模的内容(即填充渐变的透明矩形或填充透明渐变的矩形)。

如果你只使用渐变一次并且矩形没有笔划,那么我可能只是在矩形上设置不透明度属性,因为它更简单(对于非常多彩的渐变设置每个停止与不透明度变得麻烦)。同样,如果矩形有笔划,则改为使用fill-opacity

但是如上所述,如果你重新使用渐变然后不得不问自己这个渐变代表什么,那就变得毫无意义了。«。