Estou fazendo um site no qual se tem um quadro para colorir um desenho.
Depois de muita pesquisa consegui fazer um esquema de pintar uma determinada área do desenho do canvas
.
Agora eu quero fazer uma função que imprima o desenho que eu fiz.
Estou tentando fazer assim:
<div id="painter">
<canvas style="z-index: 1;"></canvas>
<canvas style="z-index: 2;"></canvas>
<canvas style="z-index: 3;"></canvas>
<canvas style="z-index: 4;"></canvas>
</div>
Meu quadro tem todos estes canvas
.
Quando eu faço um risco no quadro ele cria outro canvas
e assim sucessivamente.
Quero imprimir o desenho, mas dessa forma não está indo. Quando abre a tela para imprimir aparece 5 folhas vazias.
O canvas
não sai na impressão ?