2013-05-31 3 views
0

Я изучаю canvas в html 5, и я хочу манипулировать изображением на холсте. Тем не менее, я столкнулся с контрольно-пропускным пунктом на первом этапе. Я не могу показать изображение на холсте.canvas not loading in chrome

Пожалуйста, посмотрите на эту скрипку я создал - http://jsfiddle.net/XsP76/

В частности, это моя функция Javascript.

$(document).ready(function() { 
    var c = document.getElementById("myCanvas"); 
    var ctx = c.getContext("2d"); 
    var img = document.getElementById("carice"); 
    ctx.drawImage(img, 10, 10); 
}); 

Изображение отображается в скрипке, в firefox, но не в хромированном виде. Что будет не так. Спасибо за помощь!

+0

I * думаю * я вижу изображение в Chrome ... –

+1

Это отображение Вот. Chrome ver 27.0.1453.94 m. Это, конечно, отображение в оригинальном размере, обрезанное до размера холста, но оно отображается. Не уверен, что сказать. – Bikonja

+0

благодарит за эту информацию. Мой chrome verion - 22.x. Из-за отсутствия прав администратора я не могу установить более новую версию хром. – shashydhar

ответ

0

Прекрасно работает в Chrome/Canary.

Я заметил, что вы вставляете теги <body> в свою скрипку; что делает двойные теги тела, поскольку jsfiddle делает это за вас.

Если вы идете к источнику для этого кадра вы увидите:

... 
</head> 
<body> 
    <body> 
.... 

Попробуйте это обновление:
http://jsfiddle.net/AbdiasSoftware/XsP76/2/