「VexFlow 連符」の版間の差分
(→テスト) |
(→テスト) |
||
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: | 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連符
テスト