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

Question

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

0

Мой холст не будет отображаться в моем браузере. Я предполагаю, что причина связана с некоторыми ошибками 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);

dontberude 17 дек. 2013, в 17:31

Источник

1

Что вы видите в консоли? Какой браузер?
SLaks 17 дек. 2013, в 15:37
1

Обернули ли вы свой код game.js $(function(){ .. }); ? Если нет, попробуйте.
damianfrizzi 17 дек. 2013, в 15:41
0

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

Нет, он должен определить размер внутри тега html следующим образом: <canvas id="gameCanvas" width="800" height="600"> чтобы предотвратить эффекты flickr.
damianfrizzi 17 дек. 2013, в 15:43
1

Я не понимаю использование jQuery здесь .... pastebin.com/Gp3Xm2za
rlemon 17 дек. 2013, в 16:21

Показать ещё 3 комментария

Теги:

javascript

jquery

html5

2 ответа

Ещё вопросы

Что вы видите в консоли? Какой браузер?
Обернули ли вы свой код game.js $(function(){ .. }); ? Если нет, попробуйте.
Вы должны использовать $('#gameCanvas').css({'width':canvasWidth,'height': canvasHeight}); вместо attr, но, вероятно, не является решением ...
Нет, он должен определить размер внутри тега html следующим образом: <canvas id="gameCanvas" width="800" height="600"> чтобы предотвратить эффекты flickr.
Я не понимаю использование jQuery здесь .... pastebin.com/Gp3Xm2za

Fernando Leal · Answer 1 · 2013-12-17T14-22-00.000Z

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

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

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

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

проверен здесь, если у вашего браузера есть поддержка холста

Code Equals

рабочий пример здесь

Paddy · Answer 2 · 2013-12-17T13-02-00.000Z

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

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