Attributes
Vachmi
The <fePointLight> filter primitive defines a light source which allows to create a point light effect.
It can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.
Attribute
Description
x
Defines a x-axis coordinate in the user coordinate system.
y
Defines a y-axis coordinate in the user coordinate system.
z
Defines a z-axis coordinate in the user coordinate system.
Here is the SVG code to draw this filter.
Image with fePointLight filter
<svg id='circle1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'>
<filter id="pointLight-Ex1">
<feDiffuseLighting in="SourceGraphic" result="light" lighting-color="white">
<fePointLight x="100" y="200" z="10"/>
</feDiffuseLighting>
<feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
</filter>
<image xlink:href="../images/background1.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#pointLight-Ex1);"/>
</svg>
<filter id="pointLight-Ex1">
<feDiffuseLighting in="SourceGraphic" result="light" lighting-color="white">
<fePointLight x="100" y="200" z="10"/>
</feDiffuseLighting>
<feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/>
</filter>
<image xlink:href="../images/background1.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#pointLight-Ex1);"/>
</svg>