feDistantLight

  • Revision slug: SVG/Element/feDistantLight
  • Revision title: feDistantLight
  • Revision id: 312475
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment

Revision Content

{{ SVGRefElem() }}

This filter primitive define a distant light source that can be used within a lighting filter primitive : {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.

Usage context

Categories Light source element
Permitted content Any number of the following elements, in any order:
{{ SVGElement("animate") }}, {{ SVGElement("set") }}
Normative document SVG 1.1 (2nd Edition)

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("azimuth") }}
  • {{ SVGAttr("elevation") }}

DOM Interface

This element implements the SVGFEDistantLightElement interface.

See also

  • {{ SVGElement("filter") }}
  • {{ SVGElement("animate") }}
  • {{ SVGElement("set") }}
  • {{ SVGElement("feDiffuseLighting") }}
  • {{ SVGElement("feSpecularLighting") }}
  • {{ SVGElement("fePointLight") }}
  • {{ SVGElement("feSpotLight") }}
  • SVG tutorial: Filter effects

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>This filter primitive define a distant light source that can be used within a lighting filter primitive : {{SVGElement("feDiffuseLighting")}} or {{SVGElement("feSpecularLighting")}}.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th scope="row">Categories</th>
      <td>Light source element</td>
    </tr>
    <tr>
      <th scope="row">Permitted content</th>
      <td>Any number of the following elements, in any order:<br />
        {{ SVGElement("animate") }}, {{ SVGElement("set") }}</td>
    </tr>
    <tr>
      <th scope="row">Normative document</th>
      <td><a href="http://www.w3.org/TR/SVG11/filters.html#feDistantLightElement" rel="external" title="http://www.w3.org/TR/SVG11/filters.html#feDistantLightElement">SVG 1.1 (2nd Edition)</a></td>
    </tr>
  </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Attributes">Attributes</h2>
<h3 id="Global_attributes">Global attributes</h3>
<ul>
  <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a>&nbsp;»</li>
</ul>
<h3 id="Specific_attributes">Specific attributes</h3>
<ul>
  <li>{{ SVGAttr("azimuth") }}</li>
  <li>{{ SVGAttr("elevation") }}</li>
</ul>
<h2 id="DOM.C2.A0Interface">DOM&nbsp;Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGFEDistantLightElement" title="en/DOM/SVGFEDistantLightElement">SVGFEDistantLightElement</a></code> interface.</p>
<h2 id="See_also">See also</h2>
<ul>
  <li>{{ SVGElement("filter") }}</li>
  <li>{{ SVGElement("animate") }}</li>
  <li>{{ SVGElement("set") }}</li>
  <li>{{ SVGElement("feDiffuseLighting") }}</li>
  <li>{{ SVGElement("feSpecularLighting") }}</li>
  <li>{{ SVGElement("fePointLight") }}</li>
  <li>{{ SVGElement("feSpotLight") }}</li>
  <li><a href="/en/SVG/Tutorial/Filter_effects" title="en/SVG/Tutorial/Filter_effects">SVG tutorial: Filter effects</a></li>
</ul>
Revert to this revision