Three.js: ReferenceError: 'ImageBitmap' is not defined

Created on 17 Apr 2019 · 4Comments · Source: mrdoob/three.js

Texture not shown in EDGE Browser and Safari (ios)

Browser

[ ] All of them
[ ] Chrome
[ ] Firefox
[x] Internet Explorer (Edge)

OS

[ ] All of them
[ ] Windows
[ ] macOS
[ ] Linux
[ ] Android
[x] iOS

In my Web Application users can upload a png-file. Then i want to set this image as Texture in my scene. It works fine on Chrome, FF and on Android. But Edge says ERROR ReferenceError: 'ImageBitmap' is not defined. And on ios Nothing happens.

const loader = new THREE.TextureLoader(); if ( image === undefined ) { console.log( 'Texture is not valid!' ); } loader.load(image, (texture) => { const material = new THREE.MeshPhongMaterial({ map: texture, });
By removing the material the Object will be shown without the texture and without errors.

Source