Мой HTML5 / Javascript не отображает ничего в Chrome? В чем проблема?

Question

Мой HTML5 / Javascript не отображает ничего в Chrome? В чем проблема?

0

<!Doctype html>
<html lang = "en">
<head>
<title>HTML 5 Canvas</title>
<meta charset = "utf 8">
<script type = "text/javascript">
var canvasOne = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
</script>
</head>
<body>

<canvas id = "canvasOne" width = "500" height ="300">

context.fillStyle = "#ffffaa";
context.fillRect(0,0,500,300);

</canvas>

</body>
</html>

Было бы признательно, если бы кто-то мог опубликовать некоторый рабочий код, чтобы я мог правильно реализовать "заполненный желтым холстом". благодаря

David 11 дек. 2013, в 04:35

Источник

1

Возможно, вы забыли заключить JS в теги <script> .
L105 11 дек. 2013, в 03:07

Теги:

javascript

html

html5

html5-canvas

2 ответа

Ещё вопросы

Возможно, вы забыли заключить JS в теги <script> .

Hardy · Answer 1 · 2013-12-11T00-37-00.000Z

Попробуй это:

<!Doctype html>
<html lang = "en">
<head>
<title>HTML 5 Canvas</title>
<meta charset = "utf 8">
</head>
<body>

<canvas id = "canvasOne" width = "500" height ="300"></canvas>

<script>
var canvasOne = document.getElementById("canvasOne");
var context = canvasOne.getContext("2d");
context.fillStyle = "#ffffaa";
context.fillRect(0,0,500,300);
</script>

</body>
</html>

Amadan · Answer 2 · 2013-12-11T00-10-00.000Z

Поскольку вы размещаете инструкции JavaScript внутри <canvas> а не внутри <script>.