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

使用new Image()时，Chrome显然会抛出错误。你必须改为使用它：

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

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

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

Chrome上的Canvas drawImage类型错误

1 个答案: