<
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">interact-cursor-BE-08</
title>
<
desc id="test-desc">
Test that viewer has the basic capability to handle the cursor
property and cursor element
</
desc>
<
g id="test-body-content">
<
defs>
<
style type="text/css">
text > a { fill: blue }
.handle { stroke: black; stroke-width: 1; fill: #900 }
.button rect { stroke: none; fill: #666 }
.button text { stroke: none; fill: #FFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold; font-size: 18 }
</
style>
<
cursor id="magglass"
xlink:href="magnify.png"
x="10"
y="11"/>
</
defs>
<
text x="100"
y="30">Cursors, both built-in and
<
a xlink:href="http://www.w3.org/TR/SVG/interact#Cursors"
xlink:show="new">platform-independent</
a>
</
text>
<
rect x="75"
y="70"
width="300"
height="280"
style="
stroke:#666;
stroke-width:3;
fill:none;"/>
<
g class="button">
<
g>
<
rect x="110"
y="100"
width="100"
height="40"
style="
cursor:crosshair;"/>
<
text x="120"
y="125">crosshair</
text>
</
g>
<
g>
<
rect x="110"
y="160"
width="100"
height="40"
style="
cursor:default;"/>
<
text x="120"
y="185">default</
text>
</
g>
<
g>
<
rect x="110"
y="220"
width="100"
height="40"
style="
cursor:pointer;"/>
<
text x="120"
y="245">pointer</
text>
</
g>
<
g>
<
rect x="110"
y="280"
width="100"
height="40"
style="
cursor:move;"/>
<
text x="120"
y="305">move</
text>
</
g>
<
g>
<
rect x="240"
y="100"
width="100"
height="40"
style="
cursor:text;"/>
<
text x="250"
y="125">text</
text>
</
g>
<
g>
<
rect x="240"
y="160"
width="100"
height="40"
style="
cursor:wait;"/>
<
text x="250"
y="185">wait</
text>
</
g>
<
g>
<
rect x="240"
y="220"
width="100"
height="40"
style="
cursor:help;"/>
<
text x="250"
y="245">help</
text>
</
g>
<
g>
<
rect x="240"
y="280"
width="100"
height="40"
style="
cursor:url(#magglass);"/>
<
text x="250"
y="305"><url></
text>
</
g>
</
g>
<
g class="handle">
<
polygon points="70,65 70,105 110,65"
style="
cursor:nw-resize;"/>
<
polygon points="380,65 380,105 340,65"
style="
cursor:ne-resize;"/>
<
polygon points="380,355 340,355 380,315"
style="
cursor:se-resize;"/>
<
polygon points="70,355 70,315 110,355"
style="
cursor:sw-resize;"/>
<
polygon points="351.7,181.7 351.7,238.3 380,210"
style="
cursor:e-resize;"/>
<
polygon points="70,210 98.3,181.7 98.3,238.3"
style="
cursor:w-resize;"/>
<
polygon points="225,65 253.3,93.3 196.7,93.3"
style="
cursor:n-resize;"/>
<
polygon points="225,355 196.7,326.7 253.3,326.7"
style="
cursor:n-resize;"/>
</
g>
<
g id="target"
style="
stroke-width:1;
stroke:black;">
<
circle cx="400"
cy="405"
r="30"
style="
stroke:none;
fill:none;
cursor:url(#magglass);"/>
<
circle cx="400"
cy="405"
r="20"
style="
stroke:none;
fill:#FFC;"/>
<
polyline points="400,380 400,430"/>
<
polyline points="375,405 425,405"/>
<
circle cx="400"
cy="405"
r="8"
style="
stroke:none;
fill:#FFF;"/>
<
a xlink:href="http://www.w3.org/Icons/w3c_home"
style="
cursor:inherit;">
<
circle cx="400"
cy="405"
r="2"
style="
stroke:none;
fill:#000;"/>
</
a>
</
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">interact-cursor-BE-08</
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>
