<
svg id="svg-root"
width="450"
height="450" xmlns:xlink="
http://www.w3.org/1999/xlink" xmlns="
http://www.w3.org/2000/svg" >
<
title id="test-title">filters-lights-BE-09</
title>
<
desc id="test-desc">Validates operation of the various SVG lights</
desc>
<
g id="test-body-content">
<
text x="105"
y="20"
style="
fill:black;
font-size:12;
font-family:Helvetica;">Filters: feDistantLight, fePointLight, feSpotLight</
text>
<
defs>
<
filter id="distantLightA"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feDistantLight azimuth="0"
elevation="0"/>
</
feDiffuseLighting>
</
filter>
<
filter id="distantLightB"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feDistantLight azimuth="45"
elevation="0"/>
</
feDiffuseLighting>
</
filter>
<
filter id="distantLightC"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feDistantLight azimuth="0"
elevation="45"/>
</
feDiffuseLighting>
</
filter>
<
filter id="distantLightD"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feDistantLight azimuth="45"
elevation="45"/>
</
feDiffuseLighting>
</
filter>
<
filter id="pointLightA"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
fePointLight x="0"
y="0"
z="10"/>
</
feDiffuseLighting>
</
filter>
<
filter id="pointLightB"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
fePointLight x="50"
y="0"
z="10"/>
</
feDiffuseLighting>
</
filter>
<
filter id="pointLightC"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
fePointLight x="0"
y="30"
z="10"/>
</
feDiffuseLighting>
</
filter>
<
filter id="pointLightD"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
fePointLight x="50"
y="30"
z="10"/>
</
feDiffuseLighting>
</
filter>
<
filter id="spotLightA"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feSpotLight x="25"
y="0"
z="35"
pointsAtX="25"
pointsAtY="30"
pointsAtZ="0"
specularExponent="0"/>
</
feDiffuseLighting>
</
filter>
<
filter id="spotLightB"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feSpotLight x="25"
y="30"
z="35"
pointsAtX="25"
pointsAtY="0"
pointsAtZ="0"
specularExponent="0"/>
</
feDiffuseLighting>
</
filter>
<
filter id="spotLightC"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feSpotLight x="25"
y="0"
z="35"
pointsAtX="25"
pointsAtY="30"
pointsAtZ="0"
specularExponent="1"/>
</
feDiffuseLighting>
</
filter>
<
filter id="spotLightD"
filterUnits="objectBoundingBox"
x="0"
y="0"
width="1"
height="1">
<
feDiffuseLighting in="SourceGraphic"
diffuseConstant="1"
surfaceScale="10"
style="
lighting-color:white;">
<
feSpotLight x="25"
y="0"
z="35"
pointsAtX="25"
pointsAtY="30"
pointsAtZ="0"
specularExponent="0"
limitingConeAngle="30"/>
</
feDiffuseLighting>
</
filter>
</
defs>
<
g transform="translate(0, 80)">
<
text x="70"
y="10">Various values for feDistantLight azimuth and elevation</
text>
<
text x="70"
y="25">(0, 0)</
text>
<
text x="140"
y="25">(45, 0)</
text>
<
text x="210"
y="25">(0, 45)</
text>
<
text x="280"
y="25">(45, 45)</
text>
<
image xlink:href="bumpMap2.png"
x="70"
y="30"
width="50"
height="30"
style="
filter:url(#distantLightA);"/>
<
image xlink:href="bumpMap2.png"
x="140"
y="30"
width="50"
height="30"
style="
filter:url(#distantLightB);"/>
<
image xlink:href="bumpMap2.png"
x="210"
y="30"
width="50"
height="30"
style="
filter:url(#distantLightC);"/>
<
image xlink:href="bumpMap2.png"
x="280"
y="30"
width="50"
height="30"
style="
filter:url(#distantLightD);"/>
</
g>
<
g transform="translate(0, 150)">
<
text x="70"
y="10">Various values for fePointLight's x, y and z</
text>
<
text x="70"
y="25">(0, 0, 10)</
text>
<
text x="140"
y="25">(50, 0, 10)</
text>
<
text x="210"
y="25">(0, 30, 10)</
text>
<
text x="280"
y="25">(50, 30, 10)</
text>
</
g>
<
g>
<
image transform="translate(70, 180)"
xlink:href="bumpMap2.png"
width="50"
height="30"
style="
filter:url(#pointLightA);"/>
<
image transform="translate(140, 180)"
xlink:href="bumpMap2.png"
width="50"
height="30"
style="
filter:url(#pointLightB);"/>
<
image transform="translate(210, 180)"
xlink:href="bumpMap2.png"
width="50"
height="30"
style="
filter:url(#pointLightC);"/>
<
image transform="translate(280, 180)"
xlink:href="bumpMap2.png"
width="50"
height="30"
style="
filter:url(#pointLightD);"/>
</
g>
<
g transform="translate(0, 240)">
<
text x="70"
y="0">Various values for feSpotLight's x, y, z, pointsAtX, pointsAtY, pointsAtZ</
text>
<
text x="70"
y="15">(25, 0, 25)</
text>
<
text x="70"
y="30">(25, 30, 0)</
text>
<
text x="140"
y="15">(25, 30, 25)</
text>
<
text x="140"
y="30">(25, 0, 0)</
text>
<
text x="210"
y="30">np=1</
text>
<
text x="280"
y="30">limitingConeAngle=30</
text>
</
g>
<
g>
<
rect transform="translate(70, 275)"
width="50"
height="30"
style="
filter:url(#spotLightA);"/>
<
rect transform="translate(140, 275)"
width="50"
height="30"
style="
filter:url(#spotLightB);"/>
<
rect transform="translate(210, 275)"
width="50"
height="30"
style="
filter:url(#spotLightC);"/>
<
rect transform="translate(280, 275)"
width="50"
height="30"
style="
filter:url(#spotLightD);"/>
</
g>
</
g>
<
g id="test-legend"
style="
fill:black;
font-family:Helvetica;
font-size:10;">
<
rect x="10"
y="390"
width="275"
height="50"
style="
fill:none;
stroke:#000000;"/>
<
path style="
fill:none;
stroke:#000000;"
d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
<
text x="25"
y="401">Scalable Vector Graphics (SVG) Conformance Suite</
text>
<
a xlink:href="copyright-documents-19990405.html">
<
text x="12"
y="437"
style="
fill:blue;">Copyright 2000 W3C. All Rights Reserved.</
text>
</
a>
<
text style="
font-size:12;"
x="35"
y="420">filters-lights-BE-09</
text>
<
text style="
font-size:10;"
x="210"
y="417">$Revision: 1.1 $</
text>
<
text style="
font-size:10;"
x="210"
y="435">Release 2.0</
text>
<
rect id="test-frame"
x="1"
y="1"
width="448"
height="448"
style="
fill:none;
stroke:#000000;"/>
</
g>
</
svg>