3

Canvas と drawImage を使用して、最新のクロム (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

4

1 に答える 1

12

どうやらChromeは使用時にエラーをスローしますnew Image()。代わりにこれを使用する必要があります：

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

更新されたフィドル: http://jsfiddle.net/aM8aA/

関連する Chromium プロジェクトのバグ レポートは次のとおりです: https://code.google.com/p/chromium/issues/detail?id=238071

于 2013-06-04T18:17:38.053 に答える