|
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 |
|
7 <title>Reference for gradient</title> |
|
8 |
|
9 <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=441780 --> |
|
10 |
|
11 <defs> |
|
12 <radialGradient id="gradient1" fx="0.002"> |
|
13 <stop offset="0" stop-color="lime" /> |
|
14 <stop offset="1" stop-color="red"/> |
|
15 </radialGradient> |
|
16 <radialGradient id="gradient2" r="0.4" fx="0.104"> |
|
17 <stop offset="0" stop-color="lime" /> |
|
18 <stop offset="1" stop-color="red"/> |
|
19 </radialGradient> |
|
20 <radialGradient id="gradient3" fx="0.998"> |
|
21 <stop offset="0" stop-color="lime" /> |
|
22 <stop offset="1" stop-color="red"/> |
|
23 </radialGradient> |
|
24 <radialGradient id="gradient4" r="0.7" fx="1.197"> |
|
25 <stop offset="0" stop-color="lime" /> |
|
26 <stop offset="1" stop-color="red"/> |
|
27 </radialGradient> |
|
28 <radialGradient id="gradient5" r="0.2" fx="0.308"> |
|
29 <stop offset="0" stop-color="lime" /> |
|
30 <stop offset="1" stop-color="red"/> |
|
31 </radialGradient> |
|
32 </defs> |
|
33 |
|
34 <circle cx="100" cy="100" r="50" fill="url(#gradient1)"/> |
|
35 <circle cx="100" cy="200" r="50" fill="url(#gradient2)"/> |
|
36 <circle cx="200" cy="100" r="50" fill="url(#gradient3)"/> |
|
37 <circle cx="200" cy="200" r="50" fill="url(#gradient4)"/> |
|
38 <circle cx="300" cy="100" r="50" fill="url(#gradient5)"/> |
|
39 </svg> |