gradient-html-07c.html 678 B

1234567891011121314151617181920
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/licenses/publicdomain/
  4. Test that diagonal repeating SVG gradients as -moz-element
  5. using userSpaceOnUse render the same as using objectBoundingBox
  6. with the right conversion.
  7. -->
  8. <!DOCTYPE html>
  9. <html>
  10. <body style="margin:0">
  11. <div style="width:200px; height:200px; background-image:-moz-element(#g); background-size: 100px 100px;"></div>
  12. <svg>
  13. <linearGradient id="g" gradientUnits="userSpaceOnUse" x2="200" y2="200">
  14. <stop stop-color="#00ff00" offset="0"></stop>
  15. <stop stop-color="black" offset="1"></stop>
  16. </linearGradient>
  17. </svg>
  18. </body>
  19. </html>