无法使用Raphaël库

时间:2012-10-30 11:13:34

标签: javascript raphael

我在使用Raphaël库时遇到问题。我得到了以下错误

'R._g.doc.body'为null或不是对象

我刚使用以下代码

<html>
<head>
<script src="raphael.js"></script>
<script>
// 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>
</html>

我使用IE8进行此操作

2 个答案:

答案 0 :(得分:1)

不确定,但考虑到您的代码以及错误消息的内容,我会说您需要在文档中添加<body></body>标记。

不确定这是否是IE8的东西。我把你的例子放在一个fiddle中,对我来说,在Chrome 22中,它也没有body标签。

答案 1 :(得分:1)

您没有使用<body></body> n并将您的脚本放在body而不是head

试试这个

<html>
<head>
<script src="raphael.js"></script>
</head>
<body>
  <script>
// 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>
</body>
</html>