html5-canvas - canvas.drawImage(canvas, 0,0) 获取类型错误

Question

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

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

但是，每当我尝试此操作时，我都会不断收到类型错误。我使用的浏览器是 Google Chrome 的最新版本，所以我认为这不是问题。

Answer 1

您正在使用 jQuery 对象作为drawImage().

它需要是一个纯 DOM 对象。

您可以通过调用 get() 访问 jQuery 中的底层 DOM 对象，如果 jQuery 选择中只有一个对象，则特别是 get(0)，如评论中所述。

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