third_party/WebKit/LayoutTests/fast/images/pixel-crack-image-background-webkit-transform-scale.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

<html>
<head>
    <style>
    div {
        transform: scale(2.7937); 
        background-image: url('./resources/pixel-crack-image-background-webkit-transform-scale.png');
        background-position: 16px 16px;
        height: 16px;
        width: 16px;
        position:absolute;
    }
    </style>

    <script type = "text/javascript">

    function runTest()
    {
        for (var j=6; j<=35; ++j)
            for (var i=1; i<=40; ++i) {
                var div = document.createElement('div');
                div.style.left = i*12;
                div.style.top = j*12;
                document.body.appendChild(div);
            }        
    }
    </script>
</head>
<body onload="runTest()">
<p>
Test pixel cracks when background sprite is transformed with scale.  Need to run pixel test to verify if it is successful.
</p>
</body>
</html>