SVGFEBlendElement: width 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGFEBlendElement 接口的只读属性 width 描述了 SVG 滤镜图元的水平尺寸,其类型为 SVGAnimatedLength

它反映了 <feBlend> 元素的 width 滤镜图元属性。该属性是一个 <length> 或一个相对于滤镜区域宽度的 <percentage>。默认值为 100%。属性值是以用户坐标系单位表示的长度。

<feBlend> SVG 滤镜使用常用的成像软件 混合模式将两个输入图像混合在一起。

一个 SVGAnimatedLength 对象。

示例

js
const feBlend = document.querySelector("feBlend");
const horizontalSize = feBlend.width;
console.log(horizontalSize.baseVal.value); // the `width` value

规范

规范
滤镜效果模块第 1 级
# dom-svgfilterprimitivestandardattributes-width

浏览器兼容性

另见