1

div要素をキャンバスに入れようとしています。

私の div 要素には非常に多くの画像があります。その div 要素をキャンバスに配置したいです。

div要素をキャンバスに配置するにはどうすればよいですか?

ここに私のコードがあります:

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">

    <div class="rating-container">
        <img class="star" src="images/1.png">
        <img class="star" src="images/1.png">
        <img class="star" src="images/1.png">
        <img class="star" src="images/1.png">
        <img class="star" src="images/1.png">
    </div>
</canvas>

私はこれを試しました..しかし、これは正しく機能していません..どうすれば修正できますか?

4

2 に答える 2

0

画像をキャンバスに直接配置できます。これが本当にあなたが望んでいるものかどうかはわかりませんが、ここにあなたがそれを行う方法があります.

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var img = document.getElementById("myImage");
context.drawImage(img,10,10);

お役に立てれば。

于 2013-10-11T13:27:23.420 に答える
0

私の知る限り、あなたはできません。おそらくcssを使用して、divをキャンバスの上に配置できます。ただし、キャンバスに画像を配置することはできますhttp://www.w3schools.com/tags/canvas_drawimage.asp

于 2013-10-11T13:23:29.353 に答える