Unreviewed MAC gardening. Rebaselining after subpixel layout is enabled (r161882).
[WebKit-https.git] / LayoutTests / css3 / masking / mask-repeat-space-content-expected.html
1 <!DOCTYPE html>
2 <html lang="en">
3     <head>
4         <style>
5             #back {
6                 width: 500px;
7                 height: 500px;
8                 background-color: green;
9             }
10             #front {
11                 width: 300px;
12                 height: 300px;
13                 background-color: red;
14                 border: 50px solid blue;
15                 padding: 50px;
16             }
17         </style>
18         <script>
19             var sizeX = 121, sizeY = 93, spaceX = 58, spaceY = 10, width = 300, height = 300;
20
21             var urls = Array(), size = Array(), position = Array();
22
23             function addMasks() {
24                 for (var x = 0; x < width; x += sizeX + spaceX) {
25                     for (var y = 0; y < height; y += sizeY + spaceY) {
26                         urls.push("url(resources/circle.svg)");
27                         size.push(sizeX + "px " + sizeY + "px");
28                         position.push(x + "px " + y + "px");
29                     }
30                 }
31
32                 div = document.getElementById("front");
33
34                 div.style.cssText += "-webkit-mask-image: " + urls.join(", ") + ";" +
35                                      "-webkit-mask-size: " + size.join(", ")  + ";" +
36                                      "-webkit-mask-position: " + position.join(", ") + ";" +
37                                      "-webkit-mask-repeat: no-repeat;" +
38                                      "-webkit-mask-origin: content-box;" +
39                                      "-webkit-mask-clip: content-box;";
40            }
41        </script>
42     </head>
43
44     <body onload="addMasks()">
45         <div id="back">
46             <div id="front" />
47         </div>
48     </body>
49 </html>
50