Холст не появится в браузере

Мой холст не будет отображаться в моем браузере. Я предполагаю, что причина связана с некоторыми ошибками jQuery для новичков. коды ниже в двух отдельных папках, Game.html и game.jsХолст не появится в браузере

Game.html:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 

    <canvas id="gameCanvas"> 


    </canvas> 
     <script src="Scripts/jquery-2.0.3.js" type="text/javascript"> </script> 
     <script src="Scripts/game.js" type="text/javascript"> </script> 
</body> 
</html>

game.js:

var canvasWidth = 800; 
var canvasHeight = 600; 

$('#gameCanvas').attr('width', canvasWidth); 
$('#gameCanvas').attr('height', canvasHeight); 

var canvas = $('#gameCanvas')[0].getContext('2d'); 
canvas.strokeRect(0, 0, canvasWidth, canvasHeight);

источник

2013-12-17 dontberude

Что вы видите в консоли? Какой браузер? – SLaks

Вы завернули свой код game.js в '$ (function() {..});'? Если нет, попробуйте. – enyce12

Вы должны использовать '$ ('# gameCanvas'). Css ({'width': canvasWidth, 'height': canvasHeight});' вместо attr, но, вероятно, не является решением ... – Krzysiek

-1

Вы уверены, ваша ссылка на Файл сценария верен. Если оба HTML и скрипт находятся в двух разных папках, то ссылка может быть необходимо:

<script src="../Scripts/jquery-2.0.3.js" type="text/javascript"> </script> 
<script src="../Scripts/game.js" type="text/javascript"> </script>

источник

2013-12-17 15:37:19 Paddy

Это не сработало :( – dontberude

Здесь тестируют ваш код работает отлично.

Посмотрите в своих файлах содержимого папки Scripts jquery-2.0.3.js и game.js.

единственная возможность - путь ошибки, посмотрите на это.

И какой браузер вы тестируете? html5 canvas работает только в некоторых новых браузерах.

проверил here, если ваш браузер имеет поддержку холст

Code Equals

рабочий пример here

источник

2013-12-17 17:22:07

Холст не появится в браузере

ответ

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