samples/tests/visibility.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.                                                         -->
<!-- ========================================================================= -->

<!-- ========================================================================= -->
<!--  Test 'visibility' property inheritance                                   -->
<!--                                                                           -->
<!-- @author tkormann@apache.org                                               -->
<!-- @version $Id$ -->
<!-- ========================================================================= -->

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


<svg id="body" width="450" height="500" viewBox="0 0 450 500">
<title> Test 'visibility' property inheritance</title>
    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->
<g id="testContent">
  <text x="225" y="50" class="title">
    Test 'visibility' property inheritance
  </text>
<g transform="translate(0 10)" style="font-size:12">

    <g transform="translate(80 40)">
      <g>
         <rect x="0"  y="45" width="40" height="50" style="fill:#eee"/>
         <rect x="40" y="45" width="40" height="50" style="fill:#aaa"/>
         <rect x="80" y="45" width="40" height="50" style="fill:#444"/>
	 <text x="60" y="120" style="text-anchor:middle">inherit | inherit | inherit</text>
	 <text x="60" y="136" style="text-anchor:middle">&lt;g> inherit</text>
      </g>
      <g transform="translate(160, 0)">
         <rect x="0"  y="45" width="40" height="50" style="fill:#eee"/>
         <rect x="40" y="45" width="40" height="50" style="fill:#aaa"/>
         <rect x="80" y="45" width="40" height="50" style="fill:#444"/>
	 <text x="60" y="120" style="text-anchor:middle">inherit | inherit | inherit</text>
	 <text x="60" y="136" style="text-anchor:middle">&lt;g> hidden</text>
      </g>
      <g transform="translate(0 10)">
      <g style="visibility:inherit">
         <rect x="0"  y="45" width="40" height="50" style="visibility:inherit; fill:gold"/>
         <rect x="40" y="45" width="40" height="50" style="visibility:inherit; fill:orange"/>
         <rect x="80" y="45" width="40" height="50" style="visibility:inherit; fill:crimson"/>
      </g>
      <g style="visibility:hidden" transform="translate(160, 0)">
         <rect x="0"  y="45"  width="40" height="50" style="visibility:inherit; fill:gold"/>
         <rect x="40" y="45" width="40" height="50" style="visibility:inherit; fill:orange"/>
         <rect x="80" y="45" width="40" height="50" style="visibility:inherit; fill:crimson"/>
      </g>
      </g>
    </g>

<!-- ########################################################################### -->
    <g transform="translate(80 160)">
      <g>
         <rect x="0"  y="45" width="40" height="50" style="fill:#eee"/>
         <rect x="40" y="45" width="40" height="50" style="fill:#aaa"/>
         <rect x="80" y="45" width="40" height="50" style="fill:#444"/>
	 <text x="60" y="120" style="text-anchor:middle">inherit | hidden | visible</text>
	 <text x="60" y="136" style="text-anchor:middle">&lt;g> inherit</text>
      </g>
      <g transform="translate(160, 0)">
         <rect x="0"  y="45" width="40" height="50" style="fill:#eee"/>
         <rect x="40" y="45" width="40" height="50" style="fill:#aaa"/>
         <rect x="80" y="45" width="40" height="50" style="fill:#444"/>
	 <text x="60" y="120" style="text-anchor:middle">inherit | hidden | visible</text>
	 <text x="60" y="136" style="text-anchor:middle">&lt;g> visible</text>
      </g>
      <g transform="translate(0 10)">
      <g style="visibility:inherit">
         <rect x="0"  y="45" width="40" height="50" style="visibility:inherit; fill:gold"/>
         <rect x="40" y="45" width="40" height="50" style="visibility:hidden; fill:orange"/>
         <rect x="80" y="45" width="40" height="50" style="visibility:visible; fill:crimson"/>
      </g>
      <g style="visibility:visible" transform="translate(160, 0)">
         <rect x="0"  y="45"  width="40" height="50" style="visibility:inherit; fill:gold"/>
         <rect x="40" y="45" width="40" height="50" style="visibility:hidden; fill:orange"/>
         <rect x="80" y="45" width="40" height="50" style="visibility:visible; fill:crimson"/>
      </g>
      </g>
    </g>

    <g transform="translate(80 280)">
      <g>
         <rect x="0"  y="45" width="40" height="50" style="fill:#eee"/>
         <rect x="40" y="45" width="40" height="50" style="fill:#aaa"/>
         <rect x="80" y="45" width="40" height="50" style="fill:#444"/>
	 <text x="60" y="120" style="text-anchor:middle">inherit | hidden | visible</text>
	 <text x="60" y="136" style="text-anchor:middle">&lt;g> collapse</text>
      </g>
      <g transform="translate(160, 0)">
         <rect x="0"  y="45" width="40" height="50" style="fill:#eee"/>
         <rect x="40" y="45" width="40" height="50" style="fill:#aaa"/>
         <rect x="80" y="45" width="40" height="50" style="fill:#444"/>
	 <text x="60" y="120" style="text-anchor:middle">inherit | hidden | visible</text>
	 <text x="60" y="136" style="text-anchor:middle">&lt;g> hidden</text>
      </g>
      <g transform="translate(0 10)">
      <g style="visibility:collapse">
         <rect x="0"  y="45" width="40" height="50" style="visibility:inherit; fill:gold"/>
         <rect x="40" y="45" width="40" height="50" style="visibility:hidden; fill:orange"/>
         <rect x="80" y="45" width="40" height="50" style="visibility:visible; fill:crimson"/>
      </g>
      <g style="visibility:hidden" transform="translate(160, 0)">
         <rect x="0"  y="45"  width="40" height="50" style="visibility:inherit; fill:gold"/>
         <rect x="40" y="45" width="40" height="50" style="visibility:hidden; fill:orange"/>
         <rect x="80" y="45" width="40" height="50" style="visibility:visible; fill:crimson"/>
      </g>
      </g>
    </g>

</g>
</g>

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