Question

我按照this帖子和this小提琴中的说明操作，但我对如何使下部画布可见感到困惑。在我的网站中，只绘制了上部画布的内容。

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

这是我的代码中的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/

如何在覆盖它们时显示两幅画布？

1 个答案: