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