Birçok kanvas elemanını resim olarak kaydetme

Question

3 kat tuvalim var - 1 matrix, 2 & 3 grafik, tek bir resimde nasıl korunur?

<div style="position: relative;"> 
<canvas id="matix" width="100" height="100" 
    style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> 
<canvas id="layer1" width="100" height="100" 
    style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> 
<canvas id="layer2" width="100" height="100" 
    style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> 
</div> 

Answer 1

Sen ctx.drawImage(other_canvas,0,0)

ile başka bir bir tuval çizebilir doğru sırayla, doğru bunlardan birinde katmanlı tüm tuval içeriğini olacak bunu yaparsak.

görüntüsünü kaydetmek isterseniz, içeriği base64 kodlu bir PNG dosyası olarak almak için canvas.toDataURL() numaralı telefonu arayabilirsiniz.