Use ImageBitmap when possible

These are much faster than Image object in some browsers, so prefer them when possible.
novnc · Aug 24, 2018 · 0addbca · 0addbca
1 parent 4a210f9
commit 0addbca
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);