third_party/WebKit/LayoutTests/svg/transforms/transformed-text-fill-gradient.html

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