1

<canvas>jQueryを使用してdivに配置した要素があります。そのキャンバスに描いた線は、すぐに現れたり消えたりします。

テキストを$('#solutionDiv')div 内に配置すると、ページが読み込まれたときに表示され、キャンバスで (簡単に) 覆われ、キャンバスが消えると再び表示されます。これは FireFox と Chrome で発生します。というスライダー用のライブラリを使用していますtigra_slider_control。それは問題ではないと思いますが、そうかもしれません。

var solnCanvas=document.createElement('canvas'); // should be accessible through $('#solutionDiv > canvas')
solnCanvas.width = 480;
solnCanvas.height = 480;
var solnContext=solnCanvas.getContext('2d');
solnContext.strokeStyle = '#00f'; // blue lines
solnContext.lineWidth = 4;
solnContext.moveTo(50,16);
solnContext.lineTo(50,5);
solnContext.lineTo(5,5);
solnContext.stroke();
$('#solutionDiv').append(solnCanvas);

対応する div は次のとおりです。

    <div id="solutionDiv" style="width:580px;height:500px;" class="boxy">            
        Now you see it ... <br />
        Now you don't
    </div>

この div にテキストは必要ありません (または必要ありません)。これは実験用です...どんな助けでも大歓迎です。

4

2 に答える 2

2

それで、ここに私自身の質問に対する私の待望の答えがあります。div と canvas を動的に追加していたことが関係しているようです。最初にhtmlにdivとキャンバスを追加したとき、キャンバスはそのままでした。これは正確な解決策ではありません。回避策です。後でキャンバスを追加するのではなく、表示できるようにしました。

于 2012-09-09T16:52:09.690 に答える
0

のテキストが必要ない (またはしたくない) 場合は、 からテキストdivを取り出しますdiv。

于 2012-06-28T16:18:07.230 に答える