samples/tests/feColorMatrix.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 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: feColorMatrix</title>
    <!-- ============================================================= -->
    <!-- Test content                                                  -->
    <!-- ============================================================= -->
    <g id="testContent">

  <text x="225" y="50" class="title">
    Filter Effect: feColorMatrix
  </text>
  <g transform="translate(30,62.5)">
    <defs>
      <filter id="turbSource" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>
      </filter>

      <filter id="luminanceToAlpha" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>
        <feColorMatrix filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%" 
              type="luminanceToAlpha" />
      </filter>

      <filter id="hueRotate" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>
        <feColorMatrix filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%" 
              type="hueRotate" values="90"/>
      </filter>

      <filter id="saturate" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>
        <feColorMatrix filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%" 
              type="saturate" values="6"/>
      </filter>

      <filter id="matrixAlpha" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" stitchTiles="noStitch" seed="0" result="turb"/>
		<feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0" />
      </filter>

      <filter id="matrixRed" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" stitchTiles="noStitch" seed="0" result="turb"/>
        <feColorMatrix type="matrix" values="1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 1" />
      </filter>

      <filter id="matrixGreen" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" stitchTiles="noStitch" seed="0" result="turb"/>
	    <feColorMatrix type="matrix" values="0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 0 1" />
      </filter>

      <filter id="matrixBlue" filterUnits="objectBoundingBox" 
              x="0%" y="0%" width="100%" height="100%">
        <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" stitchTiles="noStitch" seed="0" result="turb"/>
		<feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 0 1" />
      </filter>

    </defs>

<g class="legend">

    <g id="reference_Group">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#turbSource)" />
        <text x="75" y="117">Reference Image</text>
    </g>

    <g id="luminanceToAlpha_Group" transform="translate(120, 0)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#luminanceToAlpha)" />
        <text x="75" y="117">type=luminanceToAlpha</text>
    </g>

    <g id="hueRotate_Group" transform="translate(240, 0)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#hueRotate)" />
        <text x="75" y="117">type=hueRotate</text>
    </g>

    <g id="saturate_Group" transform="translate(0, 120)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#saturate)" />
        <text x="75" y="117">type=saturate</text>
    </g>

    <g id="matrixAlpha_Group" transform="translate(120, 120)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#matrixAlpha)" />
        <text x="75" y="117">type=matrix (alpha)</text>
    </g>

    <g id="matrixRed_Group" transform="translate(240, 120)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#matrixRed)" />
        <text x="75" y="117">type=matrix (red)</text>
    </g>

    <g id="matrixGreen_Group" transform="translate(0, 240)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#matrixGreen)" />
        <text x="75" y="117">type=matrix (green)</text>
    </g>

    <g id="matrixBlue_Group" transform="translate(120, 240)">
        <rect x="25" y="25" width="100" height="75" style="filter:url(#matrixBlue)" />
        <text x="75" y="117">type=matrix (blue)</text>
    </g>


</g>
</g>

    </g>

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