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 |
瀏覽器相容性
載入中…