1

<canvas>タグ内の DIV をフェードしようとしています。（それも許可されていますか？それは要素なのでそう思います）。あなたは標準のjQuery フェードインを知っています。これが私がスタイルに使用するものです:

    <style type="text/css">
<!--
    #canvas {
       background:red;
       z-index:0;
       position:relative;       
    }
    .txt {
        z-index:2;
        background:blue;
        display:none;
        position:absolute;
        top:0;
        right:0;
        width:200px;
    }
-->
</style>

これが私のHTMLです（本文は無視してください..すべて持っています..これは短くするためです）：

<body>
    <canvas id="canvas"><div class="txt">Welcome to the Game</div></canvas>
</body>

単純なフェードインを試しましたが、うまくいきません..

4

2 に答える 2

1

WHATWG仕様から：

canvas 要素のコンテンツが存在する場合、それは要素のフォールバック コンテンツです。

「フォールバック コンテンツ」は、ブラウザが要素のタイプをサポートしていない場合にのみ表示されます。

<canvas>
    <div>Looks like you need to upgrade to a canvas-aware browser!</div>
</canvas>

canvas 要素の後に divを配置し、CSS を使用してキャンバス上に視覚的に配置する必要があります。

于 2012-04-22T23:07:59.067 に答える
0

canvas要素のWHATWG仕様によると

作成者がキャンバス要素を使用する場合、ユーザーに提示されたときに、ビットマップ キャンバスと本質的に同じ機能または目的を伝えるコンテンツも提供する必要があります。このコンテンツは、canvas 要素のコンテンツとして配置できます。canvas 要素のコンテンツが存在する場合は、要素のフォールバック コンテンツです。

あなたのコンテンツはフォールバック コンテンツではないようです。そうでない場合は、従来のキャンバス メソッドを使用してテキストを表示する必要があります。

于 2012-04-22T22:52:39.343 に答える