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