2013-06-04 2 views
3

У меня есть странная ошибка на последнем хроме (v27 на Windows 7) с использованием Canvas и drawImage. Ошибка появляется только в Chrome, все работает как в Firefox, так и в IE.Ошибка холста drawImage на Chrome

Я создал неисправного сократить тестовый случай здесь: 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 называется.

+0

что jsfiddle работал для меня ... попробуйте изменить имя ID нечто большее unique – dchhetri

+0

Интересно, может ли это быть вызвано экспериментальной функцией Chrome в 'about: flag' ... Это определенно не работает для меня в Windows 7 –

ответ

12

Видимо, Chrome выдает ошибку при использовании new Image(). Вы должны использовать это вместо того, чтобы:

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

Обновлено скрипка: http://jsfiddle.net/aM8aA/

Вот связанная Chromium отчет по проекту ошибки: https://code.google.com/p/chromium/issues/detail?id=238071

+0

+1 Wow: Хорошая информация ... но очень тревожная! Последние версии Chrome, похоже, довольно часто сжимаются относительно холста. – markE

+1

Возможно, не так, что у хром больше глюков, но больше людей используют его, чтобы найти больше глюков. –

Смежные вопросы