HTML 5 холст не работает - PullRequest
0 голосов
/ 22 июля 2011

Я новичок в html5, и теперь у меня возникла проблема с canvas.Я пытаюсь нарисовать прямоугольник, используя холст 2d.в инструменте разработчика он показывает, что canvas равен нулю.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Canvas Testing</title>
<script type="text/javascript">

    var c=document.getElementById("myCanvas");
    var cxt=c.getContext("2d");
    cxt.fillStyle="#FF0000";
    cxt.fillRect(0,0,150,75);

</script>

<style type="text/css">
    body{
        background:#ccc;
        color:777;
        font-size:14px;
        font-family: verdana;
    }
    #myCanvas{
        margin:50px auto;
        background:#eee;
    }
</style>
</head>
<body>
    <canvas id="myCanvas" height="180" width="360"></canvas>
</body>
</html>

Любая помощь будет принята с благодарностью.Заранее спасибо ...

Ответы [ 2 ]

3 голосов
/ 22 июля 2011

Вам нужно поместить свой JavaScript в функцию, которая вызывается событием window.onload.

window.onload = function() {
    var c=document.getElementById("myCanvas");
    var cxt=c.getContext("2d");
    cxt.fillStyle="#FF0000";
    cxt.fillRect(0,0,150,75);
}
3 голосов
/ 22 июля 2011

Ваш JS работает до инициализации документа.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...