Question

I have a page where I’ve 2 canvas.
One for tracking mouse position and another for simple drawing. Both the code are working but not as expected.

1. Both the canvas got pushed down..
2. Displays both the canvas but
3. Uses only one of the canvas to display the results

. Why?? Here is the link to my page Canvas,
Expected Output

Answer 1

You were appending both canvas elements each time. Heres the area of code that does it, and a quick check i put in place.

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

Here is a link to the full code, and what I assume you were going for.

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