Почему этот холст не появляется? - PullRequest
Новая
       4

Почему этот холст не появляется?

2 голосов
/ 24 октября 2011

Может кто-нибудь сказать мне, почему этот холст не появится?Я просто не понимаю, он даже не отображает тег

.Я на хрустбэнг-10, используя хром.Все остальные полотна работают, но этот не работает. 

<!doctype html>  
<html lang="en">  
    <head>  
          <meta charset="utf-8">  
          <title>Test</title>  
          <meta name="description" content="An HTML5 Test">  
          <meta name="author" content="William Starkovich">  
          <link rel="stylesheet" href="css/styles.css?v=1.0">
          <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){

                //get a reference to the canvas
                var ctx = $('#canvas')[0].getContext("2d");

                //draw a circle
                ctx.beginPath();
                ctx.arc(75, 75, 10, 0, Math.PI*2, true); 
                ctx.closePath();
                ctx.fill();
            }
          </script>    
    </head>  
    <body>  
         <canvas id="canvas" width="800px" height="100px">
        <p>Your browser doesn't support canvas.</p>
        </canvas>
    </body>  
</html>

Ответы [ 2 ]

3 голосов
/ 24 октября 2011

Проблема в синтаксической ошибке в вашем коде JavaScript. Вам не хватает ); при закрытии } основной функции 

  $(document).ready(function(){

            //get a reference to the canvas
            var ctx = $('#canvas')[0].getContext("2d");

            //draw a circle
            ctx.beginPath();
            ctx.arc(75, 75, 10, 0, Math.PI*2, true); 
            ctx.closePath();
            ctx.fill();
  });
2 голосов
/ 24 октября 2011

В вашем синтаксисе JavaScript есть ошибка: 

        }) // you are missing this parenthesis
      </script>

Кроме этого, холст абсолютно обнаруживается. Добавить:

<canvas id="canvas" width="800px" height="100px" style="border: 1px solid black">

Чтобы увидеть границу вокруг него.

Пример:

http://jsfiddle.net/RmVs4/8/

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

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

...