SVGFEConvolveMatrixElement: x property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính chỉ đọc x của giao diện SVGFEConvolveMatrixElement mô tả tọa độ ngang của vị trí một phần tử lọc SVG dưới dạng SVGAnimatedLength.
Nó phản ánh giá trị thuộc tính lọc x của phần tử <feConvolveMatrix>. Bộ lọc <feConvolveMatrix> áp dụng hiệu ứng tích chập ma trận, kết hợp các điểm ảnh trong ảnh đầu vào với các điểm ảnh lân cận để tạo ra các hiệu ứng tích chập như làm mờ, phát hiện cạnh, làm sắc nét, dập nổi hoặc vát mép. Thuộc tính là một <length> hoặc <percentage>. <coordinate> là độ dài trong hệ tọa độ người dùng biểu thị khoảng cách tính từ gốc tọa độ của hệ tọa độ người dùng theo trục x. Nếu thuộc tính x là giá trị phần trăm, giá trị thuộc tính tương đối với chiều rộng của vùng bộ lọc tính theo đơn vị hệ tọa độ người dùng. Giá trị mặc định là 0.
Giá trị
Một SVGAnimatedLength.
Ví dụ
const feConvolveMatrix = document.querySelector("feConvolveMatrix");
const leftPosition = feConvolveMatrix.x;
console.log(leftPosition.baseVal.value); // the `x` value
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Tương thích trình duyệt
Xem thêm
SVGFEConvolveMatrixElement.y- CSS filter effects module
- SVG
<filter>element, SVGfilterattribute in SVG - Applying SVG effects to HTML content