javascript - 使用 vexflow 渲染高音和低音五线谱

Question

我一直在关注vexflow渲染教程，它提供了一个渲染单个五线谱的示例。这工作正常。我现在想渲染指南中没有解释的高音和低音。我能想到的最简单的方法是复制示例代码来呈现两者。

这种工作，但如果我举一个使用另一个工具呈现的例子，你可以看到我的例子缺少 { 连接两边以及条之间的线。vexflow 是否提供一些内置功能来渲染两个谱表？

Answer 1

在查看测试后，看起来这样做的方法是使用 VF.StaveConnector

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

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

这添加了直线和花括号。