third_party/WebKit/LayoutTests/svg/as-background-image/tiled-background-image-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5   #div {
   6     width: 64px;
   7     height: 128px;
   8     background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="128"><circle fill="#3364c2" cx="16" cy="16" r="16" /><circle fill="#f31900" cx="16" cy="48" r="16" /><circle fill="#f7d72b" cx="16" cy="80" r="16" /><circle fill="#44c400" cx="16" cy="112" r="16" /></svg>');
   9     background-size: 32px 128px;
  10     background-repeat: repeat;
  11   }
  12   p {
  13     font-size: x-small;
  14   }
  15   ::-webkit-scrollbar {
  16     width: 0px;
  17     height: 0px;
  18   }
  19 </style>
  20 <script>
  21   function setScale() {
  22     if (window.internals)
  23       window.internals.setPageScaleFactor(2);
  24   }
  25 </script>
  26 </head>
  27 <body onload="setScale()">
  28 <div id="div"></div>
  29 <p>Test for WK110047: This test passes if there are 4 rows of 2 circles and they all have sharp edges.</p>
  30 </body>
  31 </html>