Use ImageBitmap when possible

These are much faster than Image object in some browsers, so prefer them when possible.
novnc · Aug 23, 2018 · ecd9bfe · ecd9bfe
1 parent 8b25488
commit ecd9bfe
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/core/display.js b/core/display.js
@@ -382,15 +382,24 @@ export default class Display {
  'y': y
  };
 
- const img = new Image();
- img.src = "data: " + mime + ";base64," + Base64.encode(arr);
- if (img.complete) {
- a.img = img;
- } else {
- img.addEventListener('load', () => {
+ if (window.createImageBitmap) {
+ let blob = new Blob([arr], { type: mime });
+ createImageBitmap(blob)
+ .then((img) => {
  a.img = img;
  this._scan_renderQ();
  });
+ } else {
+ const img = new Image();
+ img.src = "data: " + mime + ";base64," + Base64.encode(arr);
+ if (img.complete) {
+ a.img = img;
+ } else {
+ img.addEventListener('load', () => {
+ a.img = img;
+ this._scan_renderQ();
+ });
+ }
  }
 
  this._renderQ_push(a);