SVGStopElement:offset 属性
值
一个 SVGAnimatedNumber 对象。
示例
访问 offset 属性
html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="yellow" stop-opacity="1" />
<stop offset="100%" stop-color="red" stop-opacity="1" />
</linearGradient>
</defs>
<rect width="100%" height="100%" fill="url(#grad1)" />
</svg>
js
const stopElement = document.querySelector("stop");
// Access the offset property
console.log(stopElement.offset.baseVal); // Output: 0
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGStopElement__offset |
浏览器兼容性
加载中…