「VexFlow 連符」の版間の差分
(→12連符) |
(→テスト) |
||
| 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: 1290, 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'); | ||
| 233行目: | 233行目: | ||
{ keys: ['b/4'], duration: '8' }, | { keys: ['b/4'], duration: '8' }, | ||
] | ] | ||
.map( | .map( (object) => { object['stem_direction']= -1; return object;} ) | ||
.map(f.StaveNote.bind(f)); | .map(f.StaveNote.bind(f)); | ||
f.Beam({ | f.Beam({ | ||
2022年12月17日 (土) 12:21時点における版
概要
連符を描いてみたいと思います。tupletというのが連符のキーワードになります。
3連符
12連符
テスト