mozilla

Revision 313223 of z

  • Revision slug: SVG/Attribute/z
  • Revision title: z
  • Revision id: 313223
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment

Revision Content

« SVG Attribute reference home

The z attribute difine the location along the Z-axis for a light source in the coordinate system established by the {{SVGAttr("primitiveUnits")}} attribute on the {{SVGElement("filter")}} element, assuming that, in the initial coordinate system, the positive Z-axis comes out towards the person viewing the content and assuming that one unit along the Z-axis equals on unit in X and Z.

If the attribute is not specified, then the effect is as if a value of 0 were specified.

Usage context

Categories None
Value <number>
Animatable Yes
Normative document SVG 1.1 (2nd Edition) : fePointLight
SVG 1.1 (2nd Edition) : feSpotLight

Example

Elements

The following elements can use the z attribute

  • {{SVGElement("fePointLight")}}
  • {{SVGElement("feSpotLight")}}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>The <code>z</code> attribute difine the location along the Z-axis for a light source in the coordinate system established by the {{SVGAttr("primitiveUnits")}} attribute on the {{SVGElement("filter")}} element, assuming that, in the initial coordinate system, the positive Z-axis comes out towards the person viewing the content and assuming that one unit along the Z-axis equals on unit in X and Z.</p>
<p>If the attribute is not specified, then the effect is as if a value of <strong><span class="attr-value">0</span></strong> were specified.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th scope="row">Categories</th>
      <td><em>None</em></td>
    </tr>
    <tr>
      <th scope="row">Value</th>
      <td><a href="/en-US/docs/SVG/Content_type#Number" title="/en-US/docs/SVG/Content_type#Number">&lt;number&gt;</a></td>
    </tr>
    <tr>
      <th scope="row">Animatable</th>
      <td>Yes</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a href="http://www.w3.org/TR/SVG11/filters.html#fePointLightZAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#fePointLightZAttribute">SVG 1.1 (2nd Edition) : fePointLight</a><br />
        <a href="http://www.w3.org/TR/SVG11/filters.html#feSpotLightZAttribute" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feSpotLightZAttribute">SVG 1.1 (2nd Edition) : feSpotLight</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>z</code> attribute</p>
<ul>
  <li>{{SVGElement("fePointLight")}}</li>
  <li>{{SVGElement("feSpotLight")}}</li>
</ul>
Revert to this revision