SVGFEGaussianBlurElement: x 属性
x
只读属性,属于 SVGFEGaussianBlurElement
接口,它描述了 SVG 滤镜原语的水平坐标,类型为 SVGAnimatedLength
。
它反映了 <feGaussianBlur>
元素的 x
属性,该属性用于模糊输入图像。该属性是一个 <length>
或 <percentage>
。<coordinate>
是用户坐标系中的一个长度,表示从用户坐标系的原点沿 x 轴的距离。如果 x
属性值为百分比,则属性值相对于用户坐标系中的滤镜区域宽度。默认值为 0
。
值
一个 SVGAnimatedLength
对象。
示例
js
const feGaussianBlur = document.querySelector("feGaussianBlur");
const leftPosition = feGaussianBlur.x;
console.log(leftPosition.baseVal.value); // the `x` value
规范
规范 |
---|
滤镜效果模块第 1 级 # dom-svgfilterprimitivestandardattributes-x |
浏览器兼容性
加载中…
另见
SVGFEGaussianBlurElement.y
- SVG 滤镜教程
- CSS
<blend-mode>
数据类型 - CSS
blur()
函数 - CSS 滤镜效果模块 - CSS
mix-blend-mode
属性