elevation
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 elevation chỉ định góc phương của nguồn sáng từ mặt phẳng XY hướng tới trục Z, tính bằng độ. Lưu ý rằng trục Z dương hướng về phía người xem nội dung.
Bạn có thể dùng thuộc tính này với phần tử SVG sau:
Ví dụ
html
<svg viewBox="0 0 440 200" xmlns="http://www.w3.org/2000/svg">
<filter id="distantLight1">
<feDiffuseLighting>
<feDistantLight elevation="0" />
</feDiffuseLighting>
</filter>
<filter id="distantLight2">
<feDiffuseLighting>
<feDistantLight elevation="45" />
</feDiffuseLighting>
</filter>
<circle cx="100" cy="100" r="80" filter="url(#distantLight1)" />
<circle cx="340" cy="100" r="80" filter="url(#distantLight2)" />
</svg>
Ghi chú sử dụng
| Giá trị | <number> |
|---|---|
| Giá trị mặc định | 0 |
| Có thể animate | Có |
Đặc tả
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fedistantlight-elevation |