在矩形或其填充上设置不透明度是否更有效？
我定义了一个 LinearGradiant，用作矩形的填充颜色。现在假设我希望它的不透明度为 (.30)
我想知道直接在矩形上设置不透明度属性或在 LinearGradiant 的每个停止点上设置 stop-opacity 属性是否性能更高？
I have a LinearGradiant defined that I use as the fill color for a rectangle. Now say I want the opacity of it to be (.30)
I was wondering if its more performant to set the opacity property directly on the rectangle or to set the stop-opacity property on each stop of the LinearGradiant?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我认为这取决于您是否希望渐变是透明的（以及它的每次使用）或实际的矩形（可能包括它的笔划）。
在这种情况下，我不会担心性能或效率，而是更多地担心您实际建模的内容（即填充渐变的透明矩形或填充透明渐变的矩形）。
如果您只使用渐变一次并且矩形没有描边，那么我可能会只在矩形上设置不透明度属性，因为它更简单（对于非常丰富多彩的渐变，设置不透明度的每个停止点都会变得很麻烦）。同样，如果矩形有描边，则使用
fill-opacity代替。但如前所述，如果您重复使用渐变，然后必须问自己“这个渐变代表什么？”，这就变得没有意义了。
I think that depends on whether you want the gradient to be transparent (and every use of it) or the actual rectangle (including maybe its stroke).
I wouldn't worry about performance or efficiency in this case, but more about what you're actually modelling (i.e. a transparent rectangle filled with a gradient or a rectangle filled with a transparent gradient).
If you only use the gradient once and the rectangle has no stroke then I'd probably go with just setting the opacity property on the rectangle because it's simpler (and for very colorful gradients setting every stop with an opacity becomes cumbersome). Likewise, if the rectangle has a stroke, then use
fill-opacityinstead.But as noted, that becomes moot if you re-use the gradient and then have to ask yourself »what does this gradient represent?«.