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

否则，这似乎是您正在寻找的：Can you take a "screenshot" of the page using Canvas?

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

Answer 2

在img标签内写id=puzzle

画布drawImage的div

2 个答案: