SVGFEConvolveMatrixElement:x 属性
SVGFEConvolveMatrixElement
接口的只读属性 x
,使用 SVGAnimatedLength
对象描述 SVG 滤镜原语的水平坐标。
它反映了 <feConvolveMatrix>
元素的 x
滤镜原语属性值。<feConvolveMatrix>
滤镜应用矩阵卷积效果,将输入图像中的像素与相邻像素结合,以产生卷积效果,如模糊、边缘检测、锐化、浮雕或斜角。该属性是一个 <length>
或 <percentage>
。<coordinate>
是用户坐标系中的一个长度,表示距离用户坐标系原点沿 x 轴的给定距离。如果 x
属性是百分比值,则属性值相对于用户坐标系单位中滤镜区域的宽度。默认值为 0
。
值
一个 SVGAnimatedLength
对象。
示例
js
const feConvolveMatrix = document.querySelector("feConvolveMatrix");
const leftPosition = feConvolveMatrix.x;
console.log(leftPosition.baseVal.value); // the `x` value
规范
规范 |
---|
滤镜效果模块第 1 级 # dom-svgfilterprimitivestandardattributes-x |
浏览器兼容性
加载中…
另见
SVGFEConvolveMatrixElement.y
- CSS 滤镜效果模块
- SVG
<filter>
元素,SVG中的 SVGfilter
属性 - 将 SVG 效果应用于 HTML 内容