| <!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> |