javascript - 覆盖它们时如何显示两个画布？

Question

我按照这篇文章和这个小提琴中的说明进行操作，但我对如何使下部画布可见感到困惑。在我的网站中，仅绘制了上部画布的内容。

我觉得我错过了一些明显的东西，但我不确定它是什么。在小提琴页面上似乎没有什么特别的事情发生，两个画布都画得很好。

这是我的代码中的 CSS 和相关 JS：

#container {
    position: relative;
}

#drawingCanvas {
    position: absolute;
    left: 0px;
    top: 0px;
}

   **JAVASCRIPT**:
previewContext.strokeStyle = "#000";
previewContext.beginPath();
previewContext.moveTo(5, 5); // just testing
previewContext.lineTo(50, 50); // testing
previewContext.stroke();

该线绘制在下层画布上，不可见。我知道这一点，因为如果我将它们并排放置，我可以看到画线。

有谁知道如何解决这一问题？

Answer 1

我认为您只想使顶部画布背景“透明”。但是，如果这不能回答您的问题，您可能需要发布您的确切方法。

#drawCanvas {
    position:absolute;
    top:0;
    left:0;
    background: 0;
}

http://jsfiddle.net/userdude/zbTzq/4/