Как иметь 2 или более холста на одной странице .. не как слои

Question

У меня есть страница, где у меня есть 2 холста. Один для отслеживания положения мыши , а другой для простого рисования . Оба кода работают, но не так, как ожидалось.

1. Оба полотна были сдвинуты вниз.
2. Отображает оба холста, но
3. Для отображения результатов используется только один холст

. Зачем?? Вот ссылка на мою страницу Холст , Ожидаемый результат

Answer 1

Вы добавляли оба элемента холста каждый раз. Вот та часть кода, которая это делает, и быстрая проверка, которую я поставил на место.

if(flag ===1){
    canvasDiv1.appendChild(canvas);
}else{
    canvasDiv2.appendChild(canvas);
}

Вот ссылка на полный код, и я полагаю, что вы собираетесь.

http://jsfiddle.net/loktar/R3hyg/