SVGFEColorMatrixElement: values 属性

Baseline 已广泛支持

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

values 只读属性是 SVGFEColorMatrixElement 接口的一个属性,它反映了给定元素的 values 属性。

一个 SVGAnimatedNumberList 对象。

示例

访问 values 属性

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <filter id="color-matrix-filter">
    <feColorMatrix
      type="matrix"
      values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
  </filter>
  <rect
    x="20"
    y="20"
    width="100"
    height="100"
    fill="red"
    filter="url(#color-matrix-filter)" />
</svg>
js
const colorMatrix = document.querySelector("feColorMatrix");

console.dir(colorMatrix.values.baseVal); // Output: SVGAnimatedNumberList object

规范

规范
滤镜效果模块第 1 级
# dom-svgfecolormatrixelement-values

浏览器兼容性