CODEWITHSUNDEEP
htmlcanvashtml5-canvas
nonameg
nonameg

Reputation: 136

How to Copy Contents of Two or Three Canvas to Another Canvas Locally

i have some layers of canvas:

<canvas id="layer1" width="700" height="700" class="pageCanvas">   </canvas>
<canvas id="layer2"  width="700" height="700" class="pageCanvas">   </canvas>
<canvas id="layer3"  width="700" height="700" class="pageCanvas">   </canvas>

and i'd like to put images of canvases

layer1 and layer2

to canvas

layer3.

I'll be glad if you write down the code because I couldn't find any good explanation over the internet.

thanks``

Upvotes: 0

Views: 127

Answers (1)

Alireza
Alireza

Reputation: 1438

combine two canvas and put it to layer3:

var canvas1 = document.getElementById('layer1');

var canvas2 = document.getElementById('layer2');

var canvas3 = document.getElementById('layer3');

canvas3.drawImage(canvas1, 0, 0);

canvas3.drawImage(canvas2, 0, 0);

Upvotes: 1

Related Questions