0

私はキャンバスに不慣れです。次のコードを使用して、別の画像からキャンバスに画像を挿入していました。コードを使用してdivから画像を作成しようとすると

 <!DOCTYPE html><html> 
        <head> 
            <title>test</title> 
            <script type="text/javascript">
            var colour="#ccc",bgcolour="#fff";
            function paint(hhh){
               canvas = document.getElementById('canvas'); 
               ctx = canvas.getContext('2d');
               var img=document.getElementById('mine');
               ctx.drawImage(img,0,0);
            }
        </script> 
        </head> 
        <body  onload="paint('scribble');"  >
            <canvas id="canvas" style="border:solid 1px;" width="400" height="400">g</canvas>  <div id="mine">canvas</div>
        </body> 
    </html>

動作していません。 私の質問は、別の画像の代わりにdivから画像を描画する方法ですか？

4

2 に答える 2

0

Canvas で drawImage を使用して描画できる唯一の画像は、画像オブジェクトの「src」属性で宣言されたものです。仕様については、こちらをご覧ください。

div タグの内容を画像オブジェクト内に配置する方法を知りません。これは本当に簡単なことではないと思います。代替案を考える必要があります...

于 2012-04-08T02:28:11.427 に答える
0

問題は、画像ではない要素または別のキャンバス要素からキャンバスに描画できないことです。詳細については、この MDN の記事を参照してください。 Canvas で画像を使用する

もう 1 つの問題は、イベントで div を画像のように扱っていることです。div にはイベントがありませんonload。

于 2012-04-07T16:38:01.030 に答える