pattern-html-02.html (834B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/licenses/publicdomain/ 4 5 Test painting patterns with scaling by background-size and transform. 6 --> 7 <!DOCTYPE html> 8 <html> 9 <body style="margin:0;"> 10 <div style="background: white; overflow: hidden;"> 11 <div style="margin:20px 0px 20px 40px; width:40px; height:20px; 12 background:-moz-element(#p); 13 transform:scale(3);"></div> 14 <div style="width:120px; height:60px; 15 background:-moz-element(#p); 16 background-size:300% 300%;"></div> 17 18 <svg> 19 <pattern id="p" patternUnits="userSpaceOnUse" 20 x="0" y="0" width="20" height="20"> 21 <rect x="5" y="5" width="10" height="10" fill="black"></rect> 22 </pattern> 23 </svg> 24 </div> 25 </body> 26 </html>