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

Question

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

我从http://raphaeljs.com/学到的是，我只需要将 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>

该文件会定期加载到 index.html 中的 div 中。

我希望可以显示一个圆圈，但没有，虽然我很确定这个页面是定期加载的。

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

Answer 1

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

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

这将导入两个脚本。您可以根据需要添加任意数量，甚至可以更改路径。

Answer 2

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

<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>