如何在同一页面中有2个或更多画布..而不是图层

Question

我有一个页面，我有2个画布。 一个用于跟踪鼠标位置，另一个用于简单绘图。这两个代码都在工作，但并不像预期的那样。

1. 画布都被推倒了..
2. 同时显示画布
3. 仅使用其中一个画布显示结果

。为什么？？这是我的页面Canvas的链接， Expected Output

Answer 1

每次都附加两个canvas元素。下面是执行此操作的代码区域，并进行快速检查。

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

以下是完整代码的链接，以及我认为您的目的。

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