html - Chrome上的画布drawImage类型错误

Question

我在使用 Canvas 和 drawImage 的最新 chrome（Windows 7 上的 v27）上有一个奇怪的错误。该错误仅发生在 Chrome 上，在 Firefox 和 IE 上一切正常。

我在这里创建了一个失败的减少测试用例：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