layout/reftests/svg/radialGradient-fr-02.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="10%">
  10       <stop offset="0%" stop-color="red" />
  11       <stop offset="100%" stop-color="lime" />
  12     </radialGradient>
  13     <style>
  14       .cover {
  15         stroke-width: 3px;
  16         stroke: lime;
  17         fill: none;
  18         image-rendering: optimizeSpeed;
  19       }
  20     </style>
  21   </defs>
  22   <rect width="100%" height="100%" fill="lime"/>
  23
  24   <circle cx="100" cy="100" r="50" fill="url(#grad1)" />
  25   <circle class="cover" cx="100" cy="100" r="50" />
  26 </svg>
  27