Question

我不确定我缺少什么，但我的vexflow测试页面根本不输出任何内容。任何帮助将不胜感激。这是测试页面http://www.gratun.org/test/vexflow.php的网址。

我在头部包含脚本/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/

vexflow javascript不产生输出

1 个答案: