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

Question

我一直在关注 vexflow tutorial 的渲染，它给出了渲染单个谱表的示例。这很好用。我现在想要渲染指南中未解释的高音和低音。我能想到的最简单的方法就是复制示例代码来呈现两者。

这种方法可行，但如果我举一个使用其他工具渲染的示例，您会看到我的示例缺少 { 连接两侧以及条形之间的线。 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();

这添加了直线和花括号。

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

Render treble and bass staves with vexflow

javascript

vexflow