javascript - 一个div的画布drawImage

Question

我正在尝试在画布上绘制图像。我的来源是一个包含文本和图像集合的 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);
}

Answer 1

改变

ccanvas.getContext("2d");

到

canvas.getContext("2d");

否则，这似乎就是您要查找的内容：您可以使用 Canvas 对页面进行“截图”吗？

更具体地说：http ://html2canvas.hertzen.com/

Answer 2

写id=puzzle在img标签里面