「VexFlow 連符」の版間の差分
(→12連符) |
(→12連符) |
||
| 95行目: | 95行目: | ||
// Configure the rendering context. | // Configure the rendering context. | ||
renderer.resize(1290, | renderer.resize(1290, 300); | ||
const context = renderer.getContext(); | const context = renderer.getContext(); | ||
// Measure 1 | // Measure 1 | ||
const staveMeasure1 = new Stave( | const staveMeasure1 = new Stave(100, 0, 470); | ||
staveMeasure1.addClef("treble").addKeySignature('E').addTimeSignature('4/4').setContext(context).draw(); | staveMeasure1.addClef("treble").addKeySignature('E').addTimeSignature('4/4').setContext(context).draw(); | ||
| 121行目: | 121行目: | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["G#/4"], duration: "32" }), | new StaveNote({ keys: ["G#/4"], duration: "32" }), | ||
new StaveNote({ keys: [" | new StaveNote({ keys: ["B/4"], duration: "32" }), | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["E/5"], duration: "32" }), | new StaveNote({ keys: ["E/5"], duration: "32" }), | ||
| 138行目: | 138行目: | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["G#/4"], duration: "32" }), | new StaveNote({ keys: ["G#/4"], duration: "32" }), | ||
new StaveNote({ keys: [" | new StaveNote({ keys: ["B/4"], duration: "32" }), | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["E/5"], duration: "32" }), | new StaveNote({ keys: ["E/5"], duration: "32" }), | ||
| 153行目: | 153行目: | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["G#/4"], duration: "32" }), | new StaveNote({ keys: ["G#/4"], duration: "32" }), | ||
new StaveNote({ keys: [" | new StaveNote({ keys: ["B/4"], duration: "32" }), | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["E/5"], duration: "32" }), | new StaveNote({ keys: ["E/5"], duration: "32" }), | ||
| 168行目: | 168行目: | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["G#/4"], duration: "32" }), | new StaveNote({ keys: ["G#/4"], duration: "32" }), | ||
new StaveNote({ keys: [" | new StaveNote({ keys: ["B/4"], duration: "32" }), | ||
new StaveNote({ keys: ["C#/5"], duration: "32" }), | new StaveNote({ keys: ["C#/5"], duration: "32" }), | ||
new StaveNote({ keys: ["E/5"], duration: "32" }), | new StaveNote({ keys: ["E/5"], duration: "32" }), | ||
2022年12月17日 (土) 00:24時点における版
概要
連符を描いてみたいと思います。tupletというのが連符のキーワードになります。
3連符
12連符