Sometimes, we want to copy the contents of one canvas to another canvas locally with JavaScript.
In this article, we’ll look at how to copy the contents of one canvas to another canvas locally with JavaScript.
How to copy the contents of one canvas to another canvas locally with JavaScript?
To copy the contents of one canvas to another canvas locally with JavaScript, we call the drawImage
method.
For instance, we write
const destCtx = destinationCanvas.getContext("2d");
destCtx.drawImage(sourceCanvas, 0, 0);
to get the destination canvas’ context with destinationCanvas.getContext
.
Then we call drawImage
on it with the sourceCanvas
to draw the stuff in sourceCanvas
in the destination canvas.
Conclusion
To copy the contents of one canvas to another canvas locally with JavaScript, we call the drawImage
method.