<
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">linking-view-BE-04</
title>
<
desc id="test-desc">Link test of the 'view' element and its attributes, 1 of 2, internal.</
desc>
<
g id="test-body-content">
<
text x="50"
y="20"
style="
font-size:12;">Link test of the 'view' element and its attributes, 1 of 2, internal.</
text>
<
g transform="translate(-155,110)">
<
rect x="300"
y="55"
width="125"
height="85"
style="
fill:#aaa;"/>
<
a xlink:href="#rect-view">
<
text x="320"
y="70"
style="
fill:red;">Go to Rectangle</
text>
</
a>
<
a xlink:href="#ellipse-view">
<
text x="320"
y="90"
style="
fill:blue;">Go to Ellipse</
text>
</
a>
<
a xlink:href="#circle-view">
<
text x="320"
y="110"
style="
fill:yellow;">Go to Circle</
text>
</
a>
<
a xlink:href="#polygon-view">
<
text x="320"
y="130"
style="
fill:green;">Go to Polygon</
text>
</
a>
<
text x="315"
y="150"
style="
font-size:12;">Click element's line</
text>
<
text x="315"
y="162"
style="
font-size:12;">to link to its view</
text>
</
g>
<
view id="rect-view"/>
<
rect id="rect-object"
style="
fill:red;"
x="280"
y="45"
width="135"
height="85"/>
<
text id="rect-label"
x="325"
y="145">Rectangle</
text>
<
rect x="277"
y="37"
width="141"
height="113"
style="
fill:none;
stroke:black;"/>
<
text x="287"
y="160"
style="
font-size:10;">No view attributes except id.</
text>
<
view id="ellipse-view"
viewBox="279 276 152 104"/>
<
ellipse id="ellipse-object"
style="
fill:blue;"
cx="355"
cy="320"
rx="72"
ry="40"/>
<
text id="ellipse-label"
x="340"
y="375">Ellipse</
text>
<
rect x="280"
y="277"
width="150"
height="102"
style="
fill:none;
stroke:black;"/>
<
text x="300"
y="275"
style="
font-size:10;">viewBox, should fill frame.</
text>
<
view id="circle-view"
viewBox="5 36 128 115"
preserveAspectRatio="none"/>
<
circle id="circle-object"
style="
fill:yellow;"
cx="70"
cy="85"
r="45"/>
<
text id="circle-label"
x="55"
y="145">Circle</
text>
<
rect x="21"
y="37"
width="98"
height="113"
style="
fill:none;
stroke:black;"/>
<
text x="21"
y="160"
style="
font-size:10;">viewBox & non-uniform</
text>
<
text x="21"
y="170"
style="
font-size:10;">preserveAspectRatio</
text>
<
view id="polygon-view"
viewTarget="polygon-object"/>
<
polygon id="polygon-object"
style="
fill:green;"
points="72,270 119,304 101,360 42,360 24,304 72,270"/>
<
text id="polygon-label"
x="50"
y="375">Polygon</
text>
<
rect x="21"
y="267"
width="100"
height="112"
style="
fill:none;
stroke:black;"/>
<
text x="31"
y="255"
style="
font-size:10;">viewTarget, should</
text>
<
text x="31"
y="265"
style="
font-size:10;">highlight polygon</
text>
</
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">linking-view-BE-04</
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>
