我正在尝试在画布上绘制图像。我的来源是一个包含文本和图像集合的 div。这可能吗？我试图将一些代码放在一起，但由于画布为空而失败。
分区
<div id="puzzle">
Some text
<img src="sky" />
text text
<img src="sun.png />
</div>
代码
<canvas id="mycanvas" width="300" height="150"></canvas>
var canvas = document.getElementById("mycanvas");
var ctx = ccanvas.getContext("2d");
var img = document.getElementById("puzzle");
img.onload = function(){
ctx.drawImage(img,0,0,40,40);
}