samples/tests/linkingViewBox.svg

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN"
"http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd">

<!-- ========================================================================= -->
<!-- Copyright (C) The Apache Software Foundation. All rights reserved.        -->
<!--                                                                           -->
<!-- This software is published under the terms of the Apache Software License -->
<!-- version 1.1, a copy of which has been included with this distribution in  -->
<!-- the LICENSE file.                                                         -->
<!-- ========================================================================= -->

<!-- ========================================================================= -->
<!-- Linking and viewBox test.                                                 -->
<!--                                                                           -->
<!-- @author Thierry.Kormann@sophia.inria.fr                                   -->
<!-- @version $Id$ -->
<!-- ========================================================================= -->

<?xml-stylesheet type="text/css" href="test.css" ?>

<svg id="body" width="450" height="500" viewBox="0 0 450 500">
<title>Linking and viewBox test</title>
    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->

    <g id="testContent">

  <text x="225" y="50" class="title">
Linking and viewBox test
  </text>

<a xlink:href="#svgView(viewBox(125,125,100,100))">
  <text x="120" y="90" class="title" style="fill:blue;text-decoration:underline">
Click here to start...
  </text>
</a>

<g transform="translate(125 125)" 
   style="stroke:black;stroke-width:4;font-size:12;text-decoration:underline;text-anchor:middle">

<rect x="0"   y="0"   width="100" height="100" style="fill:crimson" />
<a xlink:href="#svgView(viewBox(235,125,100,100))"> <!-- go to orange -->
<text x="50" y="50" style="fill:blue;stroke:none;">Go to 'orange'</text>
</a>


<rect x="110" y="0"   width="100" height="100" style="fill:orange" />
<a xlink:href="#svgView(viewBox(125,235,100,100))"> <!-- go to gold -->
<text x="160" y="50" style="fill:blue;stroke:none;">Go to 'gold'</text>
</a>


<rect x="0"   y="110" width="100" height="100" style="fill:gold" />
<a xlink:href="#svgView(viewBox(235,235,100,100))"> <!-- go to grey -->
<text x="50" y="160" style="fill:blue;stroke:none;">Go to 'grey'</text>
</a>


<rect x="110" y="110" width="100" height="100" style="fill:#eee" />
<a xlink:href="#svgView(viewBox(125,125,100,100))"> <!-- go to crimson -->
<text x="160" y="160" style="fill:blue;stroke:none;">Back to 'crimson'</text>
</a>

</g>

    </g>

    <!-- ============================================================= -->
    <!-- Batik sample mark                                             -->
    <!-- ============================================================= -->
    <use xlink:href="../batikLogo.svg#Batik_Tag_Box" />
    
</svg>