| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Background Image Test: Repeat single_face background image</title> |
| <style type="text/css"> |
| .nomargin { |
| margin: 0px auto; |
| } |
| </style> |
| <script> |
| var g_swapsBeforeAck = 15; |
| |
| function main() { |
| loadAndDecodeImage("single_face.jpg"); |
| } |
| |
| function loadAndDecodeImage(src) { |
| var img = new Image (); |
| img.onload = () => { |
| // Issue a decode command |
| img.decode().then( () => { |
| document.body.style.backgroundImage = 'url('+img.src+')'; |
| document.body.style.backgroundRepeat = "repeat"; |
| waitForFinish(); |
| }).catch( () => { |
| document.body.appendChild(new Text("Could not load and decode the image :(")); |
| domAutomationController.send("FAILURE"); |
| }); |
| } |
| img.src = src; |
| } |
| |
| function waitForFinish() |
| { |
| if (g_swapsBeforeAck == 0) { |
| domAutomationController.send("SUCCESS"); |
| } else { |
| g_swapsBeforeAck--; |
| window.requestAnimationFrame(waitForFinish); |
| } |
| } |
| </script> |
| </head> |
| <body onload="main()"> |
| </body> |
| </html> |
