Google Git
Sign in
apache / xmlgraphics-batik / 7043df3fd8842ec1e3eabc9a225fc48ff2087528 / . / samples / tests / spec / linking / anchor.svg
blob: 3506a238af9615a3a3d0a94d07c7d42fa89ddd47 [file] [log] [blame]
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!--
Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!-- ====================================================================== -->
<!-- This interactive test validates that the <anchor> tag works on the -->
<!-- various element types. -->
<!-- -->
<!-- @author vhardy@apache.org -->
<!-- @version $Id$ -->
<!-- ====================================================================== -->
<?xml-stylesheet type="text/css" href="../../resources/style/test.css" ?>
<svg id="body" width="450" height="500" viewBox="0 0 450 500"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" >
<title>Anchor (&lt;a/&gt;) Test</title>
<style type="text/css"><![CDATA[
.label { text-anchor: middle; }
]]></style>
<g id="content">
<text class="title" x="50%" y="40"
>Anchor (&lt;a&gt;) Test<desc
>Click in any of the links in the
table. You should see a smilley.</desc></text>
<defs>
<g id="smilley">
<g transform="scale(.8, .8) translate(-15,-15)">
<circle cx="15" cy="15" r="10"/>
<circle cx="12" cy="12" r="1.5" fill="black"/>
<circle cx="17" cy="12" r="1.5" fill="black"/>
<path d="M 10 19 A 8 8 0 0 0 20 19"
stroke="black" stroke-width="1"/>
</g>
</g>
<g id="unsmilley">
<g transform="scale(.8, .8) translate(-15,-15)">
<circle cx="15" cy="15" r="10"/>
<circle cx="12" cy="12" r="1.5" fill="black"/>
<circle cx="17" cy="12" r="1.5" fill="black"/>
<path d="M 10 19 A 8 8 0 0 1 20 19" fill="none"
stroke="black" stroke-width="1"/>
</g>
</g>
<g id="success" fill="rgb(0,255,0)">
<use xlink:href="#smilley" />
</g>
<g id="failure" fill="rgb(255,0,0)">
<use xlink:href="#unsmilley" />
</g>
</defs>
<g transform="translate(5, 5) scale(.2)">
<a xlink:href="#svgView(viewBox(0,0,450,500))">
<use xlink:href="#success"/>
<text y="-11" font-size="2" fill="blue" text-decoration="underline" text-anchor="middle">Return to test</text>
</a>
</g>
<g transform="translate(10, 5) scale(.2)">
<a xlink:href="#svgView(viewBox(0,0,450,500))">
<use xlink:href="#failure"/>
<text y="-11" font-size="2" fill="blue" text-decoration="underline" text-anchor="middle">Return to test</text>
</a>
</g>
<g id="graphicsElementsTable" transform="translate(4, 60)">
<g id="additionalInfoHeader">
<g stroke="black">
<rect x="60" y="0" width="60" height="40" fill="#AFA"/>
<rect x="120" y="0" width="90" height="40" fill="#FCC"/>
<rect x="210" y="0" width="90" height="40" fill="#FCC"/>
<rect x="300" y="0" width="70" height="40" fill="#AFA"/>
<rect x="370" y="0" width="70" height="40" fill="#FCC"/>
</g>
<g id="additionalInfoHeaderLabels" class="label">
<text x="90" y="15">Link</text>
<text x="165" y="15">preventDefault</text>
<text x="165" y="30">inside a</text>
<text x="255" y="15">preventDefault</text>
<text x="255" y="30">outside a</text>
<text x="335" y="15">mouseover</text>
<text x="335" y="30">prvtDflt</text>
<text x="405" y="15">click</text>
<text x="405" y="30">prvtDflt</text>
</g>
</g>
<g id="rectRow" transform="translate(0, 40)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;rect&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<rect id="testRect" x="80" y="3" fill="gold" width="20" height="14" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<rect onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
x="155" y="3" fill="gold" width="20" height="14" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<rect x="155" y="3" fill="gold" width="20" height="14" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<rect x="155" y="3" fill="gold" width="20" height="14" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<rect x="155" y="3" fill="gold" width="20" height="14" />
</a>
</g>
</g> <!-- "rectRow" -->
<g id="circleRow" transform="translate(0, 60)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;circle&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<circle id="testCircle" cx="90" cy="10" r="8" fill="crimson" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<circle id="testCirclePd1"
onclick ="evt.preventDefault()"
onmouseover="evt.preventDefault()"
cx="165" cy="10" r="8" fill="crimson" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<circle cx="165" cy="10" r="8" fill="crimson" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<circle cx="165" cy="10" r="8" fill="crimson" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<circle cx="165" cy="10" r="8" fill="crimson" />
</a>
</g>
</g> <!-- "circleRow" -->
<g id="ellipseRow" transform="translate(0, 80)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;ellipse&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<ellipse cx="90" cy="10" rx="20" ry="6" fill="gold" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<ellipse onclick ="evt.preventDefault()"
onmouseover="evt.preventDefault()"
cx="165" cy="10" rx="20" ry="6" fill="gold" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<ellipse cx="165" cy="10" rx="20" ry="6" fill="gold" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<ellipse cx="165" cy="10" rx="20" ry="6" fill="gold" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<ellipse cx="165" cy="10" rx="20" ry="6" fill="gold" />
</a>
</g>
</g> <!-- "ellipseRow" -->
<g id="lineRow" transform="translate(0, 100)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;line&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<line x1="70" y1="10" x2="110" y2="10" stroke="gold" stroke-width="4" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<line onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
x1="145" y1="10" x2="185" y2="10"
stroke="gold" stroke-width="4" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<line x1="145" y1="10" x2="185" y2="10"
stroke="gold" stroke-width="4" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<line x1="145" y1="10" x2="185" y2="10"
stroke="gold" stroke-width="4" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<line x1="145" y1="10" x2="185" y2="10"
stroke="gold" stroke-width="4" />
</a>
</g>
</g> <!-- "lineRow" -->
<g id="polylineRow" transform="translate(0, 120)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;polyline&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<polyline transform="translate(60, 0)" points="5,10 5,15 30,15 30,5 55,5 55,10"
fill="none" stroke="gold" stroke-width="4" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<polyline onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="none" stroke="gold" stroke-width="4" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<polyline points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="none" stroke="gold" stroke-width="4" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<polyline points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="none" stroke="gold" stroke-width="4" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<polyline points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="none" stroke="gold" stroke-width="4" />
</a>
</g>
</g> <!-- "polylineRow" -->
<g id="polygonRow" transform="translate(0, 140)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;polygon&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<polygon points="65,10 65,15 90,15 90,5 115,5 115,10"
fill="gold" stroke="black" stroke-width="1" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<polygon onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="gold" stroke="black" stroke-width="1" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<polygon points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="gold" stroke="black" stroke-width="1" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<polygon points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="gold" stroke="black" stroke-width="1" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<polygon points="140,10 140,15 165,15 165,5 190,5 190,10"
fill="gold" stroke="black" stroke-width="1" />
</a>
</g>
</g> <!-- "polygonRow" -->
<g id="pathRow" transform="translate(0, 160)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;path&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<path d="M65,10l0,5l25,0l0,-10l25,0l0,5Z"
fill="gold" stroke="black" stroke-width="1" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<path onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
d="M140,10l0,5l25,0l0,-10l25,0l0,5Z"
fill="gold" stroke="black" stroke-width="1" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<path d="M140,10l0,5l25,0l0,-10l25,0l0,5Z"
fill="gold" stroke="black" stroke-width="1" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<path d="M140,10l0,5l25,0l0,-10l25,0l0,5Z"
fill="gold" stroke="black" stroke-width="1" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<path d="M140,10l0,5l25,0l0,-10l25,0l0,5Z"
fill="gold" stroke="black" stroke-width="1" />
</a>
</g>
</g> <!-- "pathRow" -->
<g id="imageRow" transform="translate(0, 180)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;image&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<image x="68" y="1" width="43" height="18"
xlink:href="../../resources/images/tde.jpg"/>
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<image onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
x="143" y="1" width="43" height="18"
xlink:href="../../resources/images/tde.jpg"/>
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<image x="143" y="1" width="43" height="18"
xlink:href="../../resources/images/tde.jpg"/>
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<image x="143" y="1" width="43" height="18"
xlink:href="../../resources/images/tde.jpg"/>
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<image x="143" y="1" width="43" height="18"
xlink:href="../../resources/images/tde.jpg"/>
</a>
</g>
</g> <!-- "imageRow" -->
<g id="svgImageRow" transform="translate(0, 200)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;image&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<image x="80" y="2" width="24" height="18"
xlink:href="../../resources/images/svg.svg"/>
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<image onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
x="155" y="2" width="24" height="18"
xlink:href="../../resources/images/svg.svg"/>
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<image x="155" y="2" width="24" height="18"
xlink:href="../../resources/images/svg.svg"/>
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<image x="155" y="2" width="24" height="18"
xlink:href="../../resources/images/svg.svg"/>
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<image x="155" y="2" width="24" height="18"
xlink:href="../../resources/images/svg.svg"/>
</a>
</g>
</g> <!-- "svgImageRow" -->
<g id="textRow" transform="translate(0, 220)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;text&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<text x="90" y="15" text-anchor="middle">Ho, la, la!</text>
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<text onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
x="165" y="15" text-anchor="middle">Ho, la, la!</text>
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<text x="165" y="15" text-anchor="middle">Ho, la, la!</text>
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<text x="165" y="15" text-anchor="middle">Ho, la, la!</text>
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<text x="165" y="15" text-anchor="middle">Ho, la, la!</text>
</a>
</g>
</g> <!-- "textRow" -->
<g id="useRow" transform="translate(0, 240)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;use&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<use xlink:href="#testRect" />
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<use onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()"
x="75" xlink:href="#testRect" />
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<use x="75" xlink:href="#testRect" />
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<use x="75" xlink:href="#testRect" />
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<use x="75" xlink:href="#testRect" />
</a>
</g>
</g> <!-- "useRow" -->
<g id="groupRow" transform="translate(0, 260)">
<g fill="white" stroke="black">
<rect x="0" y="0" width="60" height="20"/>
<rect x="60 " y="0" width="60" height="20"/>
<rect x="120" y="0" width="90" height="20"/>
<rect x="210" y="0" width="90" height="20"/>
<rect x="300" y="0" width="70" height="20"/>
<rect x="370" y="0" width="70" height="20"/>
</g>
<text x="30" y="15" class="label">&lt;g&gt;</text>
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<g>
<use xlink:href="#testRect" />
<use x="10" xlink:href="#testCircle"/>
</g>
</a>
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<g onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<use x="75" xlink:href="#testRect" />
<use x="85" xlink:href="#testCircle"/>
</g>
</a>
<g transform="translate(90,0)"
onclick="evt.preventDefault()"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<g>
<use x="75" xlink:href="#testRect" />
<use x="85" xlink:href="#testCircle"/>
</g>
</a>
</g>
<g transform="translate(170,0)"
onmouseover="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<g>
<use x="75" xlink:href="#testRect" />
<use x="85" xlink:href="#testCircle"/>
</g>
</a>
</g>
<g transform="translate(240,0)"
onclick="evt.preventDefault()">
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<g>
<use x="75" xlink:href="#testRect" />
<use x="85" xlink:href="#testCircle"/>
</g>
</a>
</g>
</g> <!-- "groupRow" -->
<a xlink:href="#svgView(viewBox(8,2.5,4,4))">
<a xlink:href="#svgView(viewBox(3,2.5,4,4))">
<g transform="translate(120,330)">
<use xlink:href="#testRect" />
<use x="10" xlink:href="#testCircle"/>
</g>
</a>
</a>
<text x="215" y="365" class="label"
>Element with two 'a' elems</text>
</g>
</g><!-- "content" -->
<!-- ============================================================= -->
<!-- Batik sample mark -->
<!-- ============================================================= -->
<use xlink:href="../../../batikLogo.svg#Batik_Tag_Box" />
</svg>