Блог

Я следовал руководству vexflow по рендерингу, в котором приведен пример рендеринга одного шеста. Это работает нормально. Теперь я хочу отобразить как высокие, так и низкие частоты, которые не описаны в руководстве. Самый простой способ, который я могу придумать, — это просто дублировать пример кода для рендеринга обоих.

Этот вид работает, но если я возьму пример, отрисованный с помощью другого инструмента, вы увидите, что в моем примере отсутствует {, соединяющий обе стороны, а также линию между столбцами. Предлагает ли vexflow какую-то встроенную функциональность для рендеринга обоих шестов?

После просмотра тестов, похоже, что способ сделать это — использовать VF.StaveConnector

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

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

Это добавляет прямую линию и фигурную скобку.