「VexFlow ベースヘ音記号練習」の版間の差分
編集の要約なし |
編集の要約なし |
||
| (同じ利用者による、間の6版が非表示) | |||
| 17行目: | 17行目: | ||
Voice, | Voice, | ||
Formatter, | Formatter, | ||
BarlineType | BarlineType, | ||
Accidental | |||
} = Vex.Flow; | } = Vex.Flow; | ||
const f = new Factory({ renderer: { elementId: 'yonet202507Early_Output01', width: 1500, height: 600 } }); | const f = new Factory({ renderer: { elementId: 'yonet202507Early_Output01', width: 1500, height: 600 } }); | ||
const ctx = f.getContext(); | const ctx = f.getContext(); | ||
const stave1 = new Stave(10, 50, | const stave1 = new Stave(10, 50, 1000); | ||
stave1.addClef("bass"); | stave1.addClef("bass"); | ||
stave1.setEndBarType(BarlineType.END); | stave1.setEndBarType(BarlineType.END); | ||
| 28行目: | 29行目: | ||
const notes1 = [ | const notes1 = [ | ||
new StaveNote({ keys: ["a/3"], duration: "4" }), | |||
new StaveNote({ keys: ["a/3"], duration: "4" }).addModifier(new Accidental('#')), | |||
new StaveNote({ keys: ["b/3"], duration: "4" }), | |||
new StaveNote({ keys: ["b/3"], duration: "4" }).addModifier(new Accidental('#')), | |||
new StaveNote({ keys: ["c/4"], duration: "4" }), | new StaveNote({ keys: ["c/4"], duration: "4" }), | ||
new StaveNote({ keys: ["d/4"], duration: "4" }), | new StaveNote({ keys: ["d/4"], duration: "4" }), | ||
new StaveNote({ keys: ["d/4"], duration: "4" }).addModifier(new Accidental('#')), | |||
new StaveNote({ keys: ["e/4"], duration: "4" }), | new StaveNote({ keys: ["e/4"], duration: "4" }), | ||
new StaveNote({ keys: ["e/4"], duration: "4" }).addModifier(new Accidental('#')), | |||
new StaveNote({ keys: ["f/4"], duration: "4" }), | new StaveNote({ keys: ["f/4"], duration: "4" }), | ||
new StaveNote({ keys: ["f/4"], duration: "4" }) | new StaveNote({ keys: ["f/4"], duration: "4" }).addModifier(new Accidental('#')), | ||
new StaveNote({ keys: ["g/4"], duration: "4" }), | new StaveNote({ keys: ["g/4"], duration: "4" }), | ||
]; | ]; | ||
notes1.forEach((StaveNote) => StaveNote.setStave(stave1)); | notes1.forEach((StaveNote) => StaveNote.setStave(stave1)); | ||
2025年7月3日 (木) 14:13時点における最新版