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