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

<!-- ========================================================================= -->
<!-- Morphology filter test.                                                   -->
<!--                                                                           -->
<!-- @author vincent.hardy@eng.sun.com                                         -->
<!-- @version $Id$     -->
<!-- ========================================================================= -->

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

<svg id="body" width="450" height="500" viewBox="0 0 450 500">
<title>Filter Effect: feMorphology</title>
    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->

<g>
  <text x="225" y="50" class="title">
    Filter Effect: feMorphology
  </text>

  <g transform="translate(0, 62.5)">
    <defs>

      <filter id="erode1" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feMorphology operator="erode" radius="1"/>
      </filter>

      <filter id="erode2" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feMorphology operator="erode" radius="2"/>
      </filter>

      <filter id="dilate1" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feMorphology operator="dilate" radius="1"/>
      </filter>

      <filter id="dilate2" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feMorphology operator="dilate" radius="3"/>
      </filter>

      <g id="morphologySource">
        <rect width="148.933" height="123.284" style="fill:white; fill-opacity:.5" />
	    <g style="fill-rule:nonzero;clip-rule:nonzero;stroke:#000000;stroke-miterlimit:4;">
		<g>
			<path style="fill:#FFFFFF;stroke:#6666FF;stroke-width:7.1711;" d="M81.403,78.289H3.585v-64.75h77.818v64.75z"/>
			<path style="fill:none;stroke:#00FF00;stroke-width:7.1711;" d="M93.261,77.536c0,23.285-18.581,42.163-41.503,42.163c-22.921,0-41.503-18.877-41.503-42.163c0-23.286,18.582-42.163,41.503-42.163c22.922,0,41.503,18.877,41.503,42.163z"/>
			<path style="fill:none;stroke:#FF0000;stroke-width:7.1711;" d="M98.31,28.445l13.288,27.354l29.714,4.385l-21.501,21.292l5.076,30.064L98.31,97.347l-26.577,14.194l5.076-30.064L55.307,60.184l29.714-4.385L98.31,28.445z"/>
			<path style="fill:none;stroke:#FFFF00;stroke-width:7.1711;" d="M131.563,26.338c0,28.559-22.79,51.709-50.901,51.709c-22.489,0-40.72-18.521-40.72-41.367c0-18.278,14.584-33.095,32.576-33.095c14.394,0,26.061,11.854,26.061,26.475
				c0,11.698-9.334,21.181-20.849,21.181c-9.211,0-16.68-7.586-16.68-16.944c0-7.486,5.975-13.555,13.344-13.555c5.895,0,10.674,4.855,10.674,10.844c0,4.791-3.823,8.676-8.54,8.676c-3.773,0-6.832-3.107-6.832-6.941"/>
		</g>
	    </g>
      </g>

    </defs>
    <g class="legend">
    <g transform="translate(0, 0)">
        <use xlink:href="#morphologySource" x="35" y="25" style="filter:url(#erode1)" />
        <text x="110" y="170">type=erode radius=1</text>
     </g>

    <g transform="translate(225, 0)">
         <use xlink:href="#morphologySource" x="35" y="25" style="filter:url(#erode2)" />
        <text x="110" y="170">type=erode radius=2</text>
    </g>

    <g transform="translate(0, 195)">
        <use xlink:href="#morphologySource" x="35" y="25" style="filter:url(#dilate1)"/>
        <text x="110" y="170">type=dilate radius=1</text>
    </g>

    <g transform="translate(225, 195)">
        <use xlink:href="#morphologySource" x="35" y="25" style="filter:url(#dilate2)" />
        <text x="110" y="170">type=dilate radius=3</text>
    </g>

  </g>
  </g>

</g>

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