z
Thuộc tính z xác định vị trí dọc theo trục z cho một nguồn sáng trong hệ tọa độ được thiết lập bởi thuộc tính primitiveUnits trên phần tử <filter>, với giả định rằng trong hệ tọa độ ban đầu, trục z dương hướng ra phía người đang xem nội dung và rằng một đơn vị trên trục z bằng một đơn vị trên trục x và y.
Phần tử
Bạn có thể dùng thuộc tính này với các phần tử SVG được mô tả trong các phần bên dưới.
<fePointLight>
Với <fePointLight>, z xác định vị trí dọc theo trục z cho nguồn sáng trong hệ tọa độ được thiết lập bởi thuộc tính primitiveUnits trên phần tử <filter>.
| Giá trị | <number> |
|---|---|
| Giá trị mặc định | 1 |
| Có thể hoạt ảnh | Có |
<feSpotLight>
Với <feSpotLight>, z xác định vị trí dọc theo trục z cho nguồn sáng trong hệ tọa độ được thiết lập bởi thuộc tính primitiveUnits trên phần tử <filter>.
| Giá trị | <number> |
|---|---|
| Giá trị mặc định | 1 |
| Có thể hoạt ảnh | Có |
Ví dụ
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="diffuseLighting1" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic">
<fePointLight x="60" y="60" z="10" />
</feDiffuseLighting>
</filter>
<filter id="diffuseLighting2" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic">
<fePointLight x="340" y="60" z="50" />
</feDiffuseLighting>
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#diffuseLighting1)" />
<rect
x="200"
y="0"
width="200"
height="200"
filter="url(#diffuseLighting2)" />
</svg>
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Filter Effects Module Level 1 # element-attrdef-fepointlight-z |
| Filter Effects Module Level 1 # element-attrdef-fespotlight-z |