Javascript 如何在同一页面中有两个或多个画布。。不是分层的

我有一个有两张画布的页面。 一个用于跟踪鼠标位置，另一个用于简单绘图。这两个代码都正常工作，但没有达到预期效果

两块帆布都被压下了

显示画布，但不显示

仅使用画布中的一个来显示结果

。为什么？这是我的网页链接，

---

您每次都要附加两个画布元素。这里是代码区域，我做了一个快速检查

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

这是一个完整代码的链接，我想你是要做什么的

---

我猜在重读您的问题后，上面只解决了问题1。那么您希望两个画布元素显示相同的内容吗？我不清楚这个问题。一个画布用于显示跟踪鼠标位置的结果，另一个画布用于显示简单的画布绘图。您是说您将使用一个画布进行绘图（作为轨迹板），另一个画布显示结果（显示）？