radialGradient-fr-01.svg 748 B

12345678910111213141516171819202122232425262728
  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. <circle cx="100" cy="100" r="50" fill="url(#grad1)" />
  23. <circle cx="300" cy="100" r="50" fill="url(#grad2)" />
  24. </svg>