drawImage and getImageData does not execute

render:

<View style={{flex: 1}}>
    <Canvas 
        ref={ref => {
        this.tempCanvas = ref;
    }}/>
.....
</View>

ImagePicker.launchImageLibrary({
    mediaType: 'photo',
        //allowsEditing: true,
    }, (response) => {
        if(!response.didCancel) {
            console.log(response);
            this.tempCanvas.width = response.width;
            this.tempCanvas.height = response.height;

            const ctx = this.tempCanvas.getContext('2d');
            ctx.drawImage(`data:${response.type};base64,${response.data}`, 0, 0, response.width, response.height);
            console.log(`data:${response.type};base64,${response.data}`);
            ctx.getImageData(0,0,response.width,response.height)
                .then(imageData => {
                    // does not execute
                    console.log(imageData);
                }).catch(error => {
                    //does not execute
                    console.log(error);
                });
        }
    });

[Tanatcu]

If @iddan don’t mind I will deal with warnings in the next pull request. About drawImage. You should use Image class from library. How? You can check it in file example/App.js. What problem/error/exception do you have with getImageData?

[zuntilZ]

I want to use the canvas to get the image pixel data, use jsqr to decode QR codes.

Ok, I solved this problem with jpeg-js.

Can you describe clearly whether the problem is resolved ?