javascript - 无法使用 Raphaël 库

标签 javascript raphael

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

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

我只是用了下面的代码

<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

最佳答案

您没有使用 <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>

关于javascript - 无法使用 Raphaël 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13137798/

相关文章:

javascript - js TreeWalker 和/或 document.createRange() 没有拾取单个元素

javascript - 在提示符中输入石头、布或剪刀后,控制台中未定义

javascript - raphaeljs 的 Mobile Safari SVG 渲染问题

javascript - 拉斐尔绘画。带有来自不同图像的两个扇区的圆圈

javascript - 在 React Native 中制作一个可重用的组件?

javascript - key 和属性(property)一样吗?

javascript - AngularJS 使用 ng-repeat 显示分层数据

Javascript FF 慢速 Chrome/Safari 快速

svg - (RaphaelJS)-如何填充路径的内部?

raphael - 拉斐尔中更具体的形状(如菱形)