функция JavaScript не вызывается - PullRequest
Новая
       0

функция JavaScript не вызывается

0 голосов
/ 28 марта 2012

Привет всем, я новичок в html5, и я написал небольшой код, который я отображаю два прямоугольника на моем холсте, используя скрипт Java, но не знаю, где я делаю неправильно, так как мои прямоугольники не отображаются на моем холсте, может любой Направь меня вот мой код 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<style>
#div2
{
    float:left;
    width:100px;
    height:200px;
    margin:10px;
    padding:10px;
    border:1px solid #aaaaaa;}

</style>

<body>

<div id= "div2">
<canvas id="canvas" width="100" height="150"></canvas> 

</div>
<script type="text/javascript">

function init() {
     var canvas = document.getElementById("canvas");
     var ctx = canvas.getContext("2d");  

        ctx.fillStyle = "rgb(200,0,0)";  
        ctx.fillRect (10, 10, 55, 50);  

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)";  
        ctx.fillRect (30, 30, 55, 50);}

init();
</script>
</body>
</html>

Ответы [ 3 ]

0 голосов
/ 28 марта 2012 
function init() {
    var canvas = document.getElementById("canvas");
     var ctx = canvas.getContext("2d");  

        ctx.fillStyle = "rgb(200,0,0)";  
        ctx.fillRect (10, 10, 55, 50);  

        ctx.fillStyle = "rgba(0, 0, 200, 0.5)";  
        ctx.fillRect (30, 30, 55, 50);}

init();
0 голосов
/ 28 марта 2012

Возможно, вы вызываете свой скрипт до загрузки страницы.

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

window.onload = init;

Также вы должны попытаться вызвать init () из Firebug после полной загрузки страницы. У меня это работает.

0 голосов
/ 28 марта 2012

Какой браузер и версию вы используете? В то же время вы можете попробовать следующее:

Попробуйте переместить сценарий в раздел кода <head></head>, а затем добавьте атрибут onload в тег <body>, например: 

<body onload="init()">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...