layout/reftests/svg/radialGradient-fr-01.svg

   1 <!--
   2      Any copyright is dedicated to the Public Domain.
   3      http://creativecommons.org/publicdomain/zero/1.0/
   4 -->
   5 <svg xmlns="http://www.w3.org/2000/svg"
   6      xmlns:xlink="http://www.w3.org/1999/xlink">
   7   <title>Test gradient fr attribute</title>
   8   <defs>
   9     <radialGradient id="grad1" fr="100%">
  10       <stop offset="0%" stop-color="red" />
  11       <stop offset="100%" stop-color="lime" />
  12     </radialGradient>
  13     <radialGradient id="grad2" xlink:href="#grad1"/>
  14     <style>
  15       circle {
  16         stroke-width: 3px;
  17         stroke: lime;
  18       }
  19     </style>
  20   </defs>
  21   <rect width="100%" height="100%" fill="lime"/>
  22
  23   <circle cx="100" cy="100" r="50" fill="url(#grad1)" />
  24
  25   <circle cx="300" cy="100" r="50" fill="url(#grad2)" />
  26 </svg>
  27