pointsAtY
The pointsAtY
attribute represents the y location in the coordinate system established by attribute primitiveUnits
on the <filter>
element of the point at which the light source is pointing.
You can use this attribute with the following SVG elements:
Example
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="lighting1" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic">
<feSpotLight x="60" y="60" z="50" pointsAtY="0" />
</feDiffuseLighting>
</filter>
<filter id="lighting2" x="0" y="0" width="100%" height="100%">
<feDiffuseLighting in="SourceGraphic">
<feSpotLight x="60" y="60" z="50" pointsAtY="400" />
</feDiffuseLighting>
</filter>
<rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" />
<rect
x="0"
y="0"
width="200"
height="200"
style="filter: url(#lighting2); transform: translateX(220px);" />
</svg>
Usage notes
Default value | 0 |
---|---|
Value | <number> |
Animatable | Yes |
Specifications
Specification |
---|
Filter Effects Module Level 1 # element-attrdef-fespotlight-pointsaty |
Browser compatibility
BCD tables only load in the browser