samples/tests/feImage.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 description here                                                     -->
<!--                                                                           -->
<!-- @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>feImage Test</title>

    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->
    <g id="testContent">

      <text x="225" y="40" class="title">
    	feImage Test
      </text>
  
      <defs>

       <g id="elem1">
         <circle id="Circle1" cx="112.5" cy="250" r="100" style="fill:orange" />
         <circle id="Circle2" cx="337.5" cy="250" r="100" style="fill:blue" />
       </g>
  
    	<filter id="Elem1" x="0" y="0" width="1" height="1">
    	  <feImage xlink:href="#elem1"/>
    	</filter>
  
    	<filter id="Elem2" x="0" y="0" width="1" height="1">
    	  <feImage xlink:href="opacity2.svg"/>
    	</filter>
  
    	<filter id="Elem3" x="0" y="0" width="1" height="1">
    	  <feImage xlink:href="dataProtocol.svg#testContent"/>
    	</filter>
  
      </defs>
  
      <g transform="translate(0 40)" class="legend">

        <!-- ============================================== -->
        <!-- Composite_1_*                                  -->
        <!-- ============================================== -->
        <g transform="translate(40 20)" class="row1" >
    	  <g id="c1" transform="translate(20 0)">
              <rect x="0" y="0" width="450" height="500" transform="scale(0.25 0.25)" fill="Beige"/>
    	      <rect x="0" y="0" width="450" height="500" transform="scale(0.25 0.25)"
    	            style="fill:FireBrick;  filter:url(#Elem1)"/>
              <text x="60" y="140" style="text-anchor:middle">
               1.1 Reference 
              </text>
              <text x="60" y="152">
               local element
              </text>
    	  </g>
             
    	  <g id="c2" transform="translate(120 200)">
              <rect x="0" y="0" width="450" height="500" transform="scale(0.25 0.25)" fill="Beige"/>
    	      <rect x="0" y="0" width="450" height="500" 
	            transform="scale(0.25 0.25)"
    	            style="fill:FireBrick;  filter:url(#Elem2)" />
              <text x="60" y="140" style="text-anchor:middle">
               1.2 Reference 
              </text>
              <text x="60" y="152">
               external SVG file
              </text>
    	  </g>
  
  
    	  <g id="c3" transform="translate(240, 0)">
              <rect x="0" y="0" width="450" height="500" transform="scale(.25, .25)" fill="Beige"/>
    	      <rect x="0" y="0" width="450" height="500" 
                    transform="scale(.25, .25)"
    	            style="fill:FireBrick;  filter:url(#Elem3)" />
              <g transform="translate(60, 140)">
                    <text x="0" y="0" style="text-anchor:middle">
                    1.3 Reference 
                    </text>
                    <text x="0" y="12">
                    external SVG element
                    </text>
             </g>
    	  </g>
    	</g>
      </g>
    </g>

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