linearGradient
linearGradient
元素用来定义线性渐变,用于图形元素的填充或描边。
用法
类别 | 渐变元素 |
---|---|
允许的内容物 | 任意数量、任意排序的下列元素: 描述性元素 <animate> , <animateTransform> , <set> , <stop> |
示例
<svg width="120" height="120" viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" >
<defs>
<linearGradient id="MyGradient">
<stop offset="5%" stop-color="green"/>
<stop offset="95%" stop-color="gold"/>
</linearGradient>
</defs>
<rect fill="url(#MyGradient)"
x="10" y="10" width="100" height="100"/>
</svg>
Screenshot | Live sample |
---|---|
![]() |
属性
Global 属性
专有属性
DOM 接口
该元素实现了SVGLinearGradientElement
接口。
浏览器兼容性
BCD tables only load in the browser