michael@0: <!--
michael@0:      Any copyright is dedicated to the Public Domain.
michael@0:      http://creativecommons.org/publicdomain/zero/1.0/
michael@0: -->
michael@0: <svg xmlns="http://www.w3.org/2000/svg">
michael@0: 
michael@0:   <title>Test for gradients being positioned correctly within filters</title>
michael@0:   <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=797708 -->
michael@0: 
michael@0:   <style>
michael@0:     @font-face {
michael@0:       src: url(../fonts/Ahem.ttf);
michael@0:       font-family: Ahem;
michael@0:     }
michael@0:   </style>
michael@0: 
michael@0:   <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="300" y2="0">
michael@0:     <stop offset="0" stop-color="red"/>
michael@0:     <stop offset="0.5" stop-color="red"/>
michael@0:     <stop offset="0.5" stop-color="blue"/>
michael@0:     <stop offset="1" stop-color="blue"/>
michael@0:   </linearGradient>
michael@0: 
michael@0:   <filter id="f">
michael@0:     <feMerge>
michael@0:       <feMergeNode in="SourceGraphic"/>
michael@0:     </feMerge>
michael@0:   </filter>
michael@0: 
michael@0:   <clipPath id="c">
michael@0:     <path d="M 130,70 h 40 v 40 h -40 z
michael@0:              M 230,70 h 40 v 40 h -40 z"/>
michael@0:   </clipPath>
michael@0: 
michael@0:   <g style="font: 64px Ahem; fill: url(#g); text-anchor: middle; filter: url(#f); clip-path: url(#c)">
michael@0:     <text x="150" y="100">a</text>
michael@0:     <text x="250" y="100">a</text>
michael@0:   </g>
michael@0: </svg>