使用vexflow渲染高音和低音音阶

Question

我一直在使用vexflow tutorial进行渲染，它给出了一个渲染单个stave的示例。这可以很好地工作。我现在想渲染高音和低音，这在指南中没有解释。我能想到的最简单的方法就是复制示例代码来同时呈现这两个示例。

​

​

这种方法是可行的，但是如果我使用另一种工具渲染的示例，您可以看到我的示例缺少{连接两边以及条之间的线。vexflow是否提供了一些内置功能来呈现这两个staves？

​

​

Answer 1

看过测试之后，看起来完成此操作的方法是使用VF.StaveConnector

  new VF.StaveConnector(stave, stave2)
      .setType('single')
      .setContext(context)
      .draw();

  new VF.StaveConnector(stave, stave2)
      .setType('brace')
      .setContext(context)
      .draw();

这将添加直线和花括号。