stop-color - SVG: Scalable Vector Graphics 编辑

The stop-color attribute indicates what color to use at a gradient stop.

Note: With respect to gradients, SVG treats the transparent keyword differently than CSS. SVG does not calculate gradients in pre-multiplied space, so transparent really means transparent black. So, specifying a stop-color with the value transparent is equivalent to specifying a stop-color with the value black and a stop-opacity with the value 0.

Note: As a presentation attribute, stop-color can be used as a CSS property.

As a presentation attribute, it can be applied to any element but it has effect only on the following element: <stop>

Usage notes

Valuecurrentcolor | <color> <icccolor>
Default valueblack
AnimatableYes
currentcolor
This keyword denotes the current fill color and can be specified in the same manner as within a <paint> specification for the fill and stroke attributes.
<color>
This value indicates a color value.
<icccolor>
This value refers to an ICC color profile.

Specifications

SpecificationStatusComment
Scalable Vector Graphics (SVG) 2
The definition of 'stop-color' in that specification.
Candidate RecommendationAdded a note that in SVG the transparent keyword is treated differently than in CSS.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'stop-color' in that specification.
RecommendationInitial definition

Browser compatibility

BCD tables only load in the browser

See also

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:49 次

字数:3520

最后编辑:7 年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文