layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg

   1 <svg xmlns="http://www.w3.org/2000/svg">
   2   <!--
   3         Test that gradients are inherited from the outer object when using
   4       the objectFill and objectStroke paint server values in SVG glyphs
   5   -->
   6
   7   <style type="text/css"><![CDATA[
   8     @font-face {
   9       font-family: "Liberation";
  10       src:url("resources/svg.woff") format("woff");
  11     }
  12
  13     text {
  14       font-family: "Liberation";
  15       font-size: 200px;
  16       stroke-width: 5;
  17     }
  18   ]]></style>
  19
  20   <defs>
  21     <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse">
  22       <stop stop-color="purple" offset="0%" />
  23       <stop stop-color="lime" offset="100%" />
  24     </linearGradient>
  25     <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse">
  26       <stop stop-color="red" offset="0%" />
  27       <stop stop-color="blue" offset="100%" />
  28     </radialGradient>
  29
  30   </defs>
  31
  32   <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text>
  33   <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text>
  34   <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text>
  35   <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text>
  36 </svg>