SVGFEConvolveMatrixElement: edgeMode 属性

Baseline 已广泛支持

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

SVGFEConvolveMatrixElement 接口的只读属性 edgeMode 反映了给定 <feConvolveMatrix> 元素的 edgeMode 属性。此接口上定义的 SVG_EDGEMODE_* 常量由数字 1 到 3 表示,其中默认的 duplicate1wrap2none3

一个 SVGAnimatedEnumeration 对象。

示例

在此示例中,我们使用 SVGFEConvolveMatrixElement 接口的 edgeMode 属性来检索 <feConvolveMatrix> 滤镜元素的 edgeMode 属性值。

如果我们的 SVG 包含以下滤镜

html
<feConvolveMatrix kernelMatrix="3 0 0 0 0 0 0 0 -4" id="el" edgeMode="wrap" />

我们可以访问与 feConvolveMatrix 元素的 edgeMode 属性的枚举关键字值相关的数字。

js
const el = document.getElementById("el");
console.log(el.edgeMode.baseVal); // output: 2

规范

规范
滤镜效果模块第 1 级
# dom-svgfeconvolvematrixelement-edgemode

浏览器兼容性

另见