Rendering base64 images with react-native-canvas about react-native-canvas

[unmec]

I am experiencing the same issue.
My use case here is to access local image and draw them on the canvas.

[unmec]

you can read that specific image and encode it into base64.

[benniao-chen]

@macelii but camera photo transform to base64, and use this base64 data to draw in canvas, so slow!!!!

[iddan]

Have you tried using addEventListener()?

[neerajamnair]

@iddan Got it working using addEventListener()

[iddan]

Will look into it

[iddan]

A little bit busy. PRs are welcome but I won't be able to handled this in the near future

[benniao-chen]

@macelii how to access local image which has a relative path? example: "../../asset/images/a.png"

[yogeshR5]

@iddan ctx.drawImage() is not working. when am I using I got the error like
"JSON.stringify cannot serialize cyclic structures"

[iddan]

We're using this API in production and it works fine. What is your use-case?

[neerajamnair]

Any update?
Still not working for base 64 image and for .png image

 let tempSrc={uri: '........'};
    const image = new Image(this.canvas, 20, 20);
          image.onload = function() {
                this.ctx.beginPath();
                this.ctx.clearRect(0, 0, this.canvas.width, canvas.height);
                this.ctx.drawImage(image, 0, 0, this.canvas.width, this.canvas.height);
                this.ctx.closePath();
                this.ctx.save();
          }
          image.src = tempSrc.uri;
          image.onerror = function() {
      console.log("err")
          };

[iddan]

In the todo there is a task to emit a warning when using image.onload (or making it work). I'd appreciate help with it: but if I'll have a spare minute I'll add it ASAP