SVGFEColorMatrixElement: x 属性
x 只读属性是 SVGFEColorMatrixElement 接口的一部分,它将 SVG 滤镜图元的水平坐标描述为一个 SVGAnimatedLength 对象。
它反映了 <feColorMatrix> 元素的 x 滤镜图元属性值。<feColorMatrix> 滤镜对 RGB 颜色和 Alpha 值应用矩阵变换。该属性是一个 <length> 或 <percentage>。<coordinate> 是用户坐标系中的一个长度,距离用户坐标系原点沿 x 轴的给定距离。如果 x 属性是百分比值,则属性值相对于用户坐标系单位中滤镜区域的宽度。默认值为 0。
值
一个 SVGAnimatedLength 对象。
示例
js
const feColorMatrix = document.querySelector("feColorMatrix");
const leftPosition = feColorMatrix.x;
console.log(leftPosition.baseVal.value); // the `x` value
规范
| 规范 |
|---|
| 滤镜效果模块第 1 级 # dom-svgfilterprimitivestandardattributes-x |
浏览器兼容性
加载中…
另见
SVGFEColorMatrixElement.y- CSS
<blend-mode>数据类型 - CSS
mix-blend-mode属性 - CSS 滤镜效果
- SVG
<filter>元素,SVG中的 SVGfilter属性 - 将 SVG 效果应用于 HTML 内容