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

  <circle cx="100" cy="100" r="50" fill="url(#grad1)" />

  <circle cx="300" cy="100" r="50" fill="url(#grad2)" />
</svg>