transformed-text-fill-gradient.html

<html><body><svg width="600" height="600" xmlns="http://www.w3.org/2000/svg">
 <defs>
   <lineargradient x1="0" x2="1" id="gradient">
     <stop stop-color="#0f0" offset="0"></stop>
     <stop stop-color="#0f0" offset="0.5"></stop>
     <stop stop-color="#00f" offset="0.5"></stop>
     <stop stop-color="#00f" offset="1"></stop>
   </lineargradient>
 </defs>
 <g transform="scale(3)" y="50">
   <text y="20" font-size="20" fill="url(#gradient)">Text needs to have</text>
   <text y="60" font-size="20" fill="url(#gradient)">identical sharp gradient fill.</text>
 </g>
</svg>
</body>
</html>

chromium/third_party/blink/web_tests/svg/transforms/transformed-text-fill-gradient.html