SVGFEGaussianBlurElement:stdDeviationY 屬性
SVGFEGaussianBlurElement 介面的只讀屬性 stdDeviationY 反映了給定 <feGaussianBlur> 元素的 stdDeviation 屬性的(可能自動計算的)Y 分量。
值
一個 SVGAnimatedNumber 物件。
示例
訪問 stdDeviationY 屬性
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="gaussian-blur-filter">
<!-- Apply Gaussian Blur with stdDeviationY set to 5 and stdDeviationY set to 10 -->
<feGaussianBlur
in="SourceGraphic"
stdDeviation="5 10"
result="blurred-graphic" />
</filter>
</defs>
<!-- Rectangle with a Gaussian blur effect -->
<rect
x="50"
y="50"
width="100"
height="100"
fill="hotpink"
filter="url(#gaussian-blur-filter)" />
</svg>
js
// Select the feGaussianBlur element
const gaussianBlur = document.querySelector("feGaussianBlur");
// Access the stdDeviationY value
console.log(gaussianBlur.stdDeviationY.baseVal); // Output: 10
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # dom-svgfegaussianblurelement-stddeviationy |
瀏覽器相容性
載入中…