在web2py中使用Raphael.js的页面上未显示画布

目标：使用Raphael.js在web2py框架中绘制数据图表/线条

我从中学到的是，我只需要将JS包含到HTML页面中，然后就可以使用API了。但以下是我所做的：

（1） 首先，我将raphael.js和raphael-min.js复制到myapp\static\js文件夹中。 （2） 然后我在HTML文件中写了这些：

<script type="text/javascript" src="{{=URL('static','js/raphael.js')}}">

window.onload = function() {
var paper = new Raphael(0, 0, 100, 100);
var circle = paper.circle(50, 50, 50);
circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");
}
</script>

window.onload=函数（）{
var纸张=新拉斐尔（0,0,100,100）；
var循环=纸张循环（50,50,50）；
圆圈.attr（“填充”，“#f00”）；
圆圈.attr（“笔划”，“#fff”）；
}

此文件定期加载到index.html中的div

我希望可以显示一个圆圈，但是没有，尽管我非常确定这个页面是定期加载的

---

我在这里做错什么了吗（当然做错了）？谢谢你的帮助

尝试使用单独的脚本标记加载库，然后运行代码：

<script type="text/javascript" src="{{=URL('static','js/raphael.js')}}"></script>

<script>
window.onload = function() {
var paper = new Raphael(0, 0, 100, 100);
var circle = paper.circle(50, 50, 50);
circle.attr("fill", "#f00");
circle.attr("stroke", "#fff");
}
</script>

window.onload=函数（）{
var纸张=新拉斐尔（0,0,100,100）；
var循环=纸张循环（50,50,50）；
圆圈.attr（“填充”，“#f00”）；
圆圈.attr（“笔划”，“#fff”）；
}

我不确定这是否正是您的问题，但您可以在一个src中完成所有操作，而不是只导入一个，然后在文件中写入另一个：

<script type="text/javascript" src="{{=URL('static','js/raphael.js')}} {{=URL('static', 'other_function.whatever_extension}}">

---

这将导入两个脚本。您可以随意添加，甚至可以更改路径。

Aha！我终于找到了问题所在！只需要将include移到index.html中的div。无论如何谢谢你！