2013-08-08 3 views
-2

Мне не хватает чего-то, вероятно, больно очевидного. Единственная причина, по которой я могу найти холст с помощью «элемента проверки», - это то, что он был объявлен, когда его идентификатор был приписан. JavaScript явно игнорируется. Я пробовал различные команды в контексте холста; Ничего не произошло. Помощь будет принята с благодарностью. Вот пример:HTML5 canvas scripting игнорируется

<!doctype html> 
<head> 
</head> 
<body> 
<div id="container">   
<header> 
    <canvas id="title_canvas" width: "1200px"; height: "100px"></canvas> 
    <script> 
     var title_c = document.getElementByID("title_canvas"); 
     var title_ctx = document.getContext("2d"); 
     title_ctx.fillRect(0,0,100,90); 
    </script>  
</header> 
</div> 
</body> 
</html> 
+0

Исправлены некоторые ошибки: http://jsbin.com/ejanif/1/edit –

+0

Вы посмотрели на консоль? Вы бы видели некоторые из ошибок. –

+0

Вы даже попытались найти ошибку самостоятельно? – Virus721

ответ

1

Вы должны вызвать getContext на холсте, а не документ.

+0

И синтаксис определения стиля на холсте ... случайный ... –

+0

Ах, ладно, я думаю, я должен просто отдохнуть. Собираюсь удалить вопрос сейчас ^^ – user

0

Это то, что должно быть:

<!doctype html> 
<head> 
</head> 
<body> 
<div id="container">   
<header> 
    <canvas id="title_canvas" width: "1200px" height: "100px"></canvas> 
    <script> 
     var title_c = document.getElementById("title_canvas"); 
     var title_ctx = title_c.getContext("2d"); 
     title_ctx.fillRect(0,0,100,90); 
    </script>  
</header> 
</div> 
</body> 

getContext является метод холст не метод документа. У вас также была пара с запятой в вашем HTML.