canvas.drawImage(canvas,0,0)获取Type Error

时间:2012-10-24 16:32:53

标签: html5-canvas typeerror drawimage

我正在尝试将图像从一个画布复制到另一个画布。我看到一个答案说,一个简单的方法是:

var Scanvas = $("#sourceCanvas");

var Scontext = Scanvas.get(0).getContext("2d");

var Dcanvas = $("#destinationCanvas");

var Dcontext = Scanvas.get(0).getContext("2d");

//draw something in Scanvas

Dcontext.drawImage(Scanvas, 0 ,0);

但是,每当我尝试这个时,我都会遇到类型错误。 我使用的浏览器是谷歌浏览器的最新版本,所以我不认为这是问题所在。

1 个答案:

答案 0 :(得分:0)

您正在使用jQuery对象作为drawImage()的第一个参数。

它需要是一个纯DOM对象。

您可以通过调用get()来访问jQuery中的底层DOM对象,如果在jQuery选择中只有一个对象,则可以专门获取(0),如注释中所述。

   DContext.drawImage(Scanvas.get(0),....)