Edge and Safari Polyfill for createImageBitmap

createImageBitmap.js

/* Safari and Edge polyfill for createImageBitmap
 * https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap
 */
if (!('createImageBitmap' in window)) {
    window.createImageBitmap = async function(blob) {
        return new Promise((resolve,reject) => {
            let img = document.createElement('img');
            img.addEventListener('load', function() {
                resolve(this);
            });
            img.src = URL.createObjectURL(blob);
        });
    }
}

Here an updated version with ImageData support: https://gist.github.com/MonsieurV/fb640c29084c171b4444184858a91bc7

Thx for the snippet, was of great help :) 👍

I took it a bit further and added support for CanvasImageSource sources. Thanks! https://gist.github.com/pseudosavant/a6d970b945ae85ef4dbc43200da94faf

I took it a bit further

And I took it a bit smaller

self.createImageBitmap=self.createImageBitmap||(b,i=new Image)=>i.decode(i.src=URL.createObjectURL(b)).then(_=>i)