如何將div元素放入畫布

Question

我試圖將div元素放到畫布上。

我的div元素有很多images。那個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>

我試過了..但是這不能正常工作..我該如何解決？

Answer 1

據我所知，你做不到。 您可能會使用CSS將div放在畫布上。 但是，您可以將圖像放在畫布上http://www.w3schools.com/tags/canvas_drawimage.asp

Answer 2

您可以將圖像直接放到畫布中。 不知道這是否真的是您想要的，但是這就是您要如何做。

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

希望這可以幫助。