z
z 屬性定義了在 <filter> 元素上由 primitiveUnits 屬性建立的座標系中，光源沿 z 軸的位置。假設在初始座標系中，正 z 軸朝向觀察者，並且 z 軸上的一個單位等於 x 和 y 軸上的一個單位。
元素
你可以在下面部分描述的 SVG 元素中使用此屬性。
<fePointLight>
對於 <fePointLight>，z 定義了在 <filter> 元素上由 primitiveUnits 屬性建立的座標系中，光源沿 z 軸的位置。
| 值 | <number> |
|---|---|
| 預設值 | 1 |
| 可動畫的 | 是 |
<feSpotLight>
對於 <feSpotLight>，z 定義了在 <filter> 元素上由 primitiveUnits 屬性建立的座標系中，光源沿 z 軸的位置。
| 值 | <number> |
|---|---|
| 預設值 | 1 |
| 可動畫的 | 是 |
示例
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>
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # element-attrdef-fepointlight-z |
| 濾鏡效果模組第 1 級 # element-attrdef-fespotlight-z |