Html Chrome上的Canvas drawImage类型错误

Html Chrome上的Canvas drawImage类型错误,html,google-chrome,canvas,html5-canvas,Html,Google Chrome,Canvas,Html5 Canvas,我在使用Canvas和drawImage的最新chrome(Windows7上的v27)上有一个奇怪的bug。该漏洞只出现在Chrome上,Firefox和IE上的一切都正常工作 我在这里创建了一个失败的reduce测试用例: HTML <canvas id="canvas"></canvas> var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var

我在使用Canvas和drawImage的最新chrome(Windows7上的v27)上有一个奇怪的bug。该漏洞只出现在Chrome上,Firefox和IE上的一切都正常工作

我在这里创建了一个失败的reduce测试用例:

HTML

<canvas id="canvas"></canvas>
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";

这给了我
uncaughttypeerror:Type error
在调用
drawImage
的行上。

当使用
newimage()
时,Chrome会抛出一个错误。您必须使用此选项:

var img = document.createElement('img');
更新小提琴:


下面是相关的Chrome项目错误报告:

JSFIDLE为我工作……尝试将id名称更改为更独特的名称。我想知道这是否可以由
关于:flag
中的Chrome实验功能触发。。。这对我在Windows7+1上绝对不起作用哇:很好的信息……但非常令人不安!最新的Chrome版本似乎在画布上经常出现问题。这可能不是因为Chrome有更多的问题,而是因为越来越多的人在使用它,所以发现了更多的问题。