0

私はこの投稿とこのフィドルの指示に従いましたが、下のキャンバスを表示する方法について混乱しています。私のウェブサイトでは、上部のキャンバスのコンテンツのみが描画されています。

明らかな何かが欠けているような気がしますが、それが何であるかはわかりません。フィドルページでは、特別なことは何も起こっていないようで、両方のキャンバスがうまく描かれています。

これが私のコードからの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();

線は下のレイヤーのキャンバスに描画され、表示されません。並べると線が引かれているのがわかるのでわかります。

誰かがこれを修正する方法を知っていますか？

4

1 に答える 1

1

一番上のキャンバスの背景を「透明」にしたいだけだと思います。ただし、これで質問に答えられない場合は、正確なアプローチでフィドルを投稿する必要があるかもしれません。

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

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

于 2012-06-30T01:43:12.417 に答える