объединение двух холстов

Question

Если у меня есть 2 холста:

Первый холст (canvas1) является основным, который содержит текст и будет сохранен как изображение (canvas1 + canvas2).

Второй (canvas2) содержит изображение, которое можно перемещать в пределах canvas2 до keydown. Код отлично работает с canvas2, когда я очистил сначала canvas2, а затем context2.drawImage(img,x,y).

Но если я напишу (canvas1.drawImage(canvas2, 0, 0), то движения изображения показаны на холсте 1. А если я скажу, что чистый холст 1, то canvas1.drawImage(canvas2, 0, 0) текст исчезнет.

Итак, мой вопрос: как я могу нарисовать холст 2 на холсте 1, когда пользователь заканчивает перемещение изображения не во время движения изображения?

Answer 1

Мне не совсем понятно, зачем вам это делать, но если вы хотите, чтобы Canvas 1 всегда отображал холст 1 + 2, вы всегда можете сохранить содержимое Canvas 1:

1. Нарисуйте холст 1 на холст в памяти (назовите его canvas3)
2. Отрисовать холст 2 на холст 1
3. Нарисуйте Canvas 3 (который был сохранен Canvas 1) обратно на Canvas 1

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

Answer 2

Попробуйте сделать два DIV друг над другом.каждый из этих DIV должен содержать один из ваших полотен:)