Chrome上的Canvas drawImage类型错误

Question

我使用Canvas和drawImage在最新的chrome(Windows 7上的v27)上有一个奇怪的错误.该错误仅发生在Chrome上,一切都按预期在Firefox和IE上运行.

我在这里创建了一个失败的reduce测试用例:http://jsfiddle.net/qU3s5/

HTML

<canvas id="canvas"></canvas>

JavaScript的

var canvas = document.getElementById("canvas");

var ctx = canvas.getContext("2d");

var img = new Image();
img.onload = function() {
  ctx.drawImage(this, 0, 0);
}
img.src = "http://octodex.github.com/images/foundingfather_v2.png";

这让我Uncaught TypeError: Type error在线上drawImage被称为.

Answer 1

显然Chrome在使用时会抛出错误new Image().你必须改用它:

var img = document.createElement('img');

更新小提琴:http://jsfiddle.net/aM8aA/

以下是相关的Chromium项目错误报告:https://code.google.com/p/chromium/issues/detail？id = 238071