gradient-html-07c.html (678B)
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>