1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
content / test / data / gpu / screenshot_sync_divs.html [blame]
<!DOCTYPE html>
<html>
<head>
<title>Synchronized screenshot test with divs</title>
<style>
html, body { margin: 0; }
</style>
</head>
<body>
<div id="backgrounddiv" style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; will-change: transform; background-color: rgb(0, 255, 0);">.</div>
<div id="testdiv" style="position: absolute; left: 1px; top: 25px; width: 192px; height: 192px; will-change: transform; background-color: rgb(255, 0, 0);">.</div>
<script>
function draw(r, g, b) {
document.getElementById('testdiv').style.background =
'rgb(' + r + ', ' + g + ', ' + b + ')';
document.getElementById('backgrounddiv').style.background =
'rgb(' + r + ', ' + g + ', ' + b + ')';
}
</script>
</body>
</html>