blob: d7da75865b1c024926bbfb09f0f9e9d7fe838a90 [file] [log] [blame]
<!DOCTYPE html>
<!--
| Loading an image from a Blob created from a buffer in memory.
-->
<html>
<head>
<style>
div {
width: 500px;
height: 400px;
}
</style>
</head>
<body>
<div id='image'></div>
<script>
if (window.testRunner) {
window.testRunner.waitUntilDone();
}
var image_bytes = [
137, 80, 78, 71, 13, 10, 26, 10, 0, 0, 0, 13, 73, 72, 68, 82, 0, 0, 0,
6, 0, 0, 0, 6, 8, 2, 0, 0, 0, 111, 174, 120, 31, 0, 0, 0, 3, 115, 66,
73, 84, 8, 8, 8, 219, 225, 79, 224, 0, 0, 0, 25, 116, 69, 88, 116, 83,
111, 102, 116, 119, 97, 114, 101, 0, 103, 110, 111, 109, 101, 45, 115,
99, 114, 101, 101, 110, 115, 104, 111, 116, 239, 3, 191, 62, 0, 0, 0,
36, 73, 68, 65, 84, 8, 153, 99, 252, 80, 238, 198, 128, 10, 88, 24, 24,
24, 154, 119, 190, 132, 243, 107, 221, 197, 153, 24, 48, 0, 113, 66,
140, 152, 198, 3, 0, 225, 21, 6, 103, 179, 203, 171, 64, 0, 0, 0, 0,
73, 69, 78, 68, 174, 66, 96, 130];
// TODO(jsalvadorp): When TypedArray supports setting from a Javascript
// array, replace the following loop.
var image_array = new Uint8Array(image_bytes.length);
for (var i = 0; i < image_array.length; i++) {
image_array[i] = image_bytes[i];
}
var image_blob = new Blob([image_array.buffer]);
var image_url = URL.createObjectURL(image_blob);
var image = new Image();
image.onload = function() {
var cobalt = document.getElementById('image');
cobalt.style.background = 'url(' + image_url + ')';
if (window.testRunner) {
window.testRunner.notifyDone();
}
}
image.src = image_url;
</script>
</body>
</html>