「VexFlow タブ譜 ミュート」の版間の差分
750行目: | 750行目: | ||
StaveBase4 = Base_Tab_St4; | StaveBase4 = Base_Tab_St4; | ||
var BaseConnector_St1_L = new VF.StaveConnector(Base_St1, | var BaseConnector_St1_L = new VF.StaveConnector(Base_St1, Base_Tab_St1); | ||
BaseConnector_St1_L.setType(VF.StaveConnector.type.BRACKET); | BaseConnector_St1_L.setType(VF.StaveConnector.type.BRACKET); | ||
BaseConnector_St1_L.setContext(ctx); | BaseConnector_St1_L.setContext(ctx); | ||
BaseConnector_St1_L.draw(); | BaseConnector_St1_L.draw(); | ||
const Drum_St1 = new VF.Stave( | const Drum_St1 = new VF.Stave(Base_Tab_St1.x, Base_Tab_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx); | ||
Drum_St1.addClef("bass").setContext(ctx); | Drum_St1.addClef("bass").setContext(ctx); | ||
Drum_St1.addTimeSignature('4/4').setContext(ctx); | Drum_St1.addTimeSignature('4/4').setContext(ctx); | ||
763行目: | 763行目: | ||
DrumInst.y = Drum_St1.y + 90; | DrumInst.y = Drum_St1.y + 90; | ||
const Drum_St1_1 = new VF.Stave(nHeadMargin + | const Drum_St1_1 = new VF.Stave(nHeadMargin + Base_Tab_St1.x, Base_Tab_St1.y + 120, 0).setContext(ctx); | ||
Drum_St1_1.setBegBarType(VF.Barline.type.NONE); | Drum_St1_1.setBegBarType(VF.Barline.type.NONE); | ||
Drum_St1_1.setEndBarType(VF.Barline.type.NONE); | Drum_St1_1.setEndBarType(VF.Barline.type.NONE); | ||
Drum_St1_1.draw(); | Drum_St1_1.draw(); | ||
const Drum_St1_2 = new VF.Stave(nHeadMargin + | const Drum_St1_2 = new VF.Stave(nHeadMargin + Base_Tab_St1.x, Base_Tab_St1.y + 120, 0).setContext(ctx); | ||
Drum_St1_2.setBegBarType(VF.Barline.type.NONE); | Drum_St1_2.setBegBarType(VF.Barline.type.NONE); | ||
Drum_St1_2.setEndBarType(VF.Barline.type.NONE); | Drum_St1_2.setEndBarType(VF.Barline.type.NONE); |
2024年4月18日 (木) 18:38時点における版
VexFlow 使い方に戻る。
概要
タブ譜 ミュート
コードは以下のとおりです。
<div id="yonet202404Mid_Output01"></div>
<script>
VexFlow 使い方に戻る。