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