「VexFlow 連符」の版間の差分

提供:yonewiki
222行目: 222行目:
const { Factory, Stave, StaveNote, Beam, Formatter, Renderer, Tuplet, Voice } = Vex;
const { Factory, Stave, StaveNote, Beam, Formatter, Renderer, Tuplet, Voice } = Vex;


const f = new Factory({ renderer: { elementId: 'output3', width: 1290, height: 300 } });
const f = new Factory({ renderer: { elementId: 'output3', width: 1280, height: 300 } });
// Create an SVG renderer and attach it to the DIV element with id="output".
// Create an SVG renderer and attach it to the DIV element with id="output".
     const stave = f.Stave({ x: 10, y: 10 }).addTimeSignature('5/8');
     const stave = f.Stave({ x: 10, y: 10 }).addTimeSignature('5/8');

2022年12月17日 (土) 12:22時点における版

概要

 連符を描いてみたいと思います。tupletというのが連符のキーワードになります。

3連符

 

12連符

 

テスト