How to get to know when canvas completes rendering all the images?

See more:

Javascript

HTML5

Node.js

, +

I am rendering multiple images as one into a canvas. I have a scenario where I have to create and send it to the server. I am converting the canvas image to base64 and sending as a post data to server.

But the base64 is not coming proper as the canvas is not getting completely rendered by the time the service call happens.

I have tried time out as below which is working but when the network is slow/rendering is slow it fails as expected.

setTimeout(function () {
base64 = canvas.toDataURL();
}, 1000);

Is there any way with help of which I will be able to make sure that the canvas has finished rendering?

What I have tried:

I have tried time out as below which is working but when the network is slow/rendering is slow it fails as expected.

setTimeout(function () {
base64 = canvas.toDataURL();
}, 1000);