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>Testcase for gradient on text</title>
michael@0: 
michael@0: <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=577850 -->
michael@0: 
michael@0:   <defs>
michael@0:     <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
michael@0:       <stop offset="0.00" stop-color="rgb(0, 0, 0)"/>
michael@0:       <stop offset="0.50" stop-color="rgb(255, 255, 255)"/>
michael@0:       <stop offset="1.00" stop-color="rgb(0, 0, 0)"/>
michael@0:     </linearGradient>
michael@0:   </defs>
michael@0: 
michael@0:   <text fill="url(#gradient)" font-size="60" transform="translate(50, 80)">
michael@0:     <tspan x="0, 30, 60" y="0" >Foo</tspan>
michael@0:     <tspan x="0, 40, 70" dy="1em">Bar</tspan>
michael@0:   </text>
michael@0: </svg>