la fusion de deux toiles

Question

Si j'ai 2 toiles:

La première toile (canvas1) est une base qui contient du texte et sera enregistré sous la forme d'une image (canvas1 + Canvas2).

La seconde (canvas2) contient une image qui peut être déplacée dans canvas2 à keydown. Le code fonctionne bien avec canvas2 car j'ai effacé d'abord canvas2 puis context2.drawImage(img,x,y).

Mais si je vous écris (canvas1.drawImage(canvas2, 0, 0) alors les mouvements de l'image est représentée sur la toile 1. Et si je l'ai dit clairement toile 1 alors canvas1.drawImage(canvas2, 0, 0) le texte disparaît

Ma question est la suivante:. Comment puis-je dessiner la toile 2 sur toile 1 lorsque l'utilisateur se termine déplacer l'image pas pendant le mouvement de l'image?

Answer 1

Essayez de faire deux DIVs sur l'autre. chacun de ces DIVs doit contenir un de vos toiles :)

Answer 2

Je ne suis pas Tout à fait clair pourquoi vous voulez faire cela, mais si vous voulez que Canvas 1 affiche toujours canvas 1 + 2, alors vous pouvez toujours sauvegarder le contenu de toile 1:

1. Tirage Toile 1 à une toile en mémoire (appelez canvas3)
2. Tirage Canvas 2 Canvas 1
3. Tirage Canvas 3 (qui était en toile 1 sauvé) Retour en toile 1

http://jsfiddle.net/Jvgxb/14/