drawImageInCanvas method throws error in iPhone X because OffscreenCanvas is incompatible about browser-image-compression HOT 6 CLOSED

Hi @HexMox ,
Do you still having this issue?

I just tested it on a IOS simulator(iPhone XS IOS 12.1) and it is working fine.

According to the can i use website, the OffscreenCanvas should be undefined in IOS safari.
https://caniuse.com/#feat=offscreencanvas

The "typeof OffscreenCanvas === 'function'" should evaluate as "false" and the code "document.createElement('canvas')" should be executed.

Would you mind to test it again to confirm the issue?

Thanks.

from browser-image-compression.

Hi Donaldcwl, Thanks for your reply.
There may be a few differences between iOS simulator and iPhone.
I added fallback logic which will reports some error messages when occurs unexpected error.

from browser-image-compression.

I have found this problem too. � and it only occurs on iphone x.

from browser-image-compression.

@ccirene Since I don't have a physical iPhone X and simulator doesn't reproduce the issue, can you try to debug for me?

what is the value of following statements:

console.log('is function?', typeof OffscreenCanvas === 'function')
console.log('new works?', new OffscreenCanvas(10, 10))
console.log('getContext works?', (new OffscreenCanvas(10, 10)).getContext('2d'))
console.log('drawImage is function?', (new OffscreenCanvas(10, 10)).getContext('2d').drawImage)

Thanks!

from browser-image-compression.

HI, thank you for helping me.
It console.log as below.
"is function? true
new works? [object OffscreenCanvas]
getContext works? null
TypeError: null is not an object (evaluating 'new OffscreenCanvas(10,10).getContext("2d").drawImage')
"
it seems getContext('2d') doesn't work at iphone x

from browser-image-compression.

@ccirene Can you try this version of the library to see if it works on iPhone X?
browser-image-compression.zip

It seems that the problem is OffscreenCanvas.getContext('2d') return null on iPhone X which means this "2d" context identifier is not supported on iPhone X.

I am trying to fall back to HTMLCanvasElement (document.createElement('canvas')) instead.

from browser-image-compression.