SVGFilterElement: 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 SVGFilterElement mô tả tọa độ ngang của vị trí bộ lọc SVG dưới dạng SVGAnimatedLength.
Nó phản ánh thuộc tính x của phần tử <filter>. Thuộc tính là một <length> hoặc <percentage>. <coordinate> là độ dài trong hệ tọa độ người dùng, bằng khoảng cách từ gốc 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 so với chiều rộng của vùng bộ lọc theo đơn vị hệ tọa độ người dùng. Giá trị mặc định là 0.
Giá trị
Một SVGAnimatedLength.
Ví dụ
js
const filter = document.querySelector("filter");
const leftPosition = filter.x;
console.log(leftPosition.baseVal.value); // giá trị `x`
Thông số kỹ thuật
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterelement-x |
Tương thích trình duyệt
Xem thêm
- SVG tutorial: Filter effects
- SVG Filter primitive attributes
- CSS
<blend-mode>data type - CSS
mix-blend-modeproperty