javascript - 如何将 div 元素放入画布

Question

我正在尝试将 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>

我试过这个..但这不能正常工作..我该如何解决这个问题？

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);

希望这可以帮助。