vexflow javascript不产生输出

Question

我不确定我遗漏了什么，但我的vexflow测试页面根本没有输出任何内容。任何帮助都将不胜感激。这是指向测试页http://www.gratun.org/test/vexflow.php的url。

我在head部分包含了脚本/vexflow-debug.js。然后我有了javascript

   <script>
   VF = Vex.Flow;

   var div = document.getElementById("boo")
   var renderer = new VF.Renderer(div, VF.Renderer.Backends.SVG);


   renderer.resize(500, 500);
   var context = renderer.getContext();
   context.setFont("Arial", 10, "").setBackgroundFillStyle("#eed");

   var stave = new VF.Stave(10, 40, 400);
   stave.addClef("treble").addTimeSignature("4/4");
   stave.setContext(context).draw();
   </script>

和主体中的div

   <div id="boo"></div>

然后什么也不会出现，脚本也不会输出任何内容。谢谢。

Answer 1

在vex-flow的所有样本上都有一个混乱的地方，脚本在不同的变形上到处都是，并故意混淆。这就是我所做的。下载/var/www/html/JAZZ文件夹中的所有资源。

wget http://vexflow.disqus.com/embed.js
wget http://static.vexflow.com/css/bootstrap.min.css
wget http://static.vexflow.com/css/bootstrap-editable.css
wget http://static.vexflow.com/css/alertify.core.css
wget http://static.vexflow.com/css/alertify.default.css
wget http://my.vexflow.com/css/app.6d53e562a278d7dfcfee5ad978ac34d4.css
wget http://static.vexflow.com/js/support/ace/ace.js
wget http://static.vexflow.com/js/support/jquery.min.js
wget http://static.vexflow.com/js/support/bootstrap.min.js
wget http://static.vexflow.com/js/support/bootstrap-editable-inline.min.js
wget http://static.vexflow.com/js/support/alertify.min.js
wget http://static.vexflow.com/js/support/vexflow-min.81.js
wget http://static.vexflow.com/js/support/tabdiv-min.81.js
wget http://static.vexflow.com/js/support/underscore-min.js
wget http://static.vexflow.com/js/support/paper.min.js
wget http://my.vexflow.com/js/app.9da856e68cab5dda7469337bb6f6f2eb.js -C ./theapp.js

然后我创建了一个简单的页面，如下所示：

http://23.111.69.110/muzikian/