我怎样才能把div元素放在画布上

Question

我想把div元素放到画布上。

我的div元素有很多image.that 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> 

我想这..但是，这是行不通的properly..How可以解决这个问题？

Answer 1

我相信这应该可以帮助您：

Placing a <div> within a <canvas>

解释也可见那里。

Answer 2

据我所知，你不能。您可以使用css将div放在画布上。但是，您可以将图像放入画布中。http://www.w3schools.com/tags/canvas_drawimage.asp

Answer 3

您可以将图像放入画布中。不知道这是否真的是你想要的，但这是你如何做到的。

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

希望这会有所帮助。