JavaScript не работает должным образом - PullRequest
Новая
       1

JavaScript не работает должным образом

0 голосов
/ 09 октября 2011

Я хочу нарисовать диаграмму, которая прекрасна в моей программе VC ++, и поэтому решил реализовать ее с помощью HTML и JavaScript.

Как видно, я скачал библиотеку Javascript и использовал ее, как сказано на ее сайте..
Как его использовать?

Загрузите и включите raphael.js на свою HTML-страницу, а затем используйте его так просто: 

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);

// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white    
circle.attr("stroke", "#fff");

Я включилФайл JavaScript, как показано ниже: 

<head>
<script type="text/javascript" src="raphael.js"></script>
<script type="text/javascript">
ABOVE CODE
</script>

Если вы попробуете это, он не будет работать.Я пытался заставить это работать, но не смог.У меня вопрос.Как я могу сделать это, не копируя вещи из сохранения как страницу их демо?Конечно, он включает в себя документацию, но это ссылка.

Как это работает просто?Спасибо!

Ответы [ 2 ]

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

Проверьте ссылку на библиотеку Рафаэля, а затем попробуйте этот код: 

<head>
  <script type='text/javascript' src='raphael.js'></script>

  <script type='text/javascript'>
  //<![CDATA[ 
  window.onload=function(){
    // Creates canvas 320 × 200 at 10, 50
    var paper = Raphael(10, 50, 320, 200);

    // Creates circle at x = 50, y = 40, with radius 10
    var circle = paper.circle(50, 40, 10);
    // Sets the fill attribute of the circle to red (#f00)
    circle.attr("fill", "#f00");

    // Sets the stroke attribute of the circle to white    
    circle.attr("stroke", "#fff");
  }
  //]]> 
  </script>
</head>

Это работает для меня, убедитесь, что ваша ссылка хорошая.

JSFiddle

1 голос
/ 09 октября 2011
  • Рафаэль связан правильно? (просмотрите источник, затем нажмите на ссылку Raphael.js - это работает?)
  • Попробуйте использовать примеры из ссылки . Ваш код должен рисовать по всему экрану.
  • Вы видите новый элемент, созданный на странице? используйте для этого firebug.
  • Какую версию Рафаэля вы используете? Недавно он был обновлен до версии 2.
...