SVGFEDropShadowElement: 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 January 2020.
Thuộc tính chỉ đọc x của giao diện SVGFEDropShadowElement mô tả tọa độ ngang của vị trí của một bộ lọc SVG dưới dạng SVGAnimatedLength.
Nó phản ánh thuộc tính x của phần tử <feDropShadow>, tạo ra bóng của hình ảnh đầu vào. Thuộc tính là <length> hoặc <percentage>. <coordinate> là độ dài trong hệ tọa độ người dùng bằng khoảng cách đã cho từ gốc của hệ tọa độ người dùng dọc theo trục x. Nếu thuộc tính x là giá trị phần trăm, giá trị thuộc tính sẽ 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ột SVGAnimatedLength.
Ví dụ
js
const feDropShadow = document.querySelector("feDropShadow");
const leftPosition = feDropShadow.x;
console.log(leftPosition.baseVal.value); // the `x` value
Thông số kỹ thuật
| Specification |
|---|
| Filter Effects Module Level 1 # dom-svgfilterprimitivestandardattributes-x |
Tương thích trình duyệt
Xem thêm
SVGFEDropShadowElement.y- CSS
drop-shadow()function - CSS
box-shadowproperty - CSS
text-shadowproperty - CSS
<blend-mode>data type - CSS
mix-blend-modeproperty