pattern-transformed-01.svg 873 B

1234567891011121314151617181920212223242526272829
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/publicdomain/zero/1.0/
  4. -->
  5. <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg">
  6. <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=773595 -->
  7. <pattern x="0" y="0" width="1" height="1" id="pattern">
  8. <rect width="240" height="240" fill="red"/>
  9. <rect width="240" height="240" fill="url(#gradient)"/>
  10. </pattern>
  11. <linearGradient id="gradient" x1="0" y1="1" x2="0" y2="0">
  12. <stop offset="0%" stop-color="black" stop-opacity="1"/>
  13. <stop offset="100%" stop-color="black" stop-opacity="0"/>
  14. </linearGradient>
  15. <circle r="120" cx="120" cy="0" fill="url(#pattern)"
  16. transform="translate(0,120)"/>
  17. <path
  18. transform="translate(0,120)"
  19. d="M 480 0 A 120 120 0 0 0 240 0 A 120 120 0 0 0 480 0"
  20. fill="url(#pattern)"/>
  21. </svg>