「VexFlow タブ譜 ミュート」の版間の差分
26行目: | 26行目: | ||
const Vocal = new Position(); | const Vocal = new Position(); | ||
const Guitar1Inst = new Position(); | const Guitar1Inst = new Position(); | ||
const Guitar1_tab_1st = new Position(); | |||
const Guitar1tab_1st = new Position(); | const Guitar1tab_1st = new Position(); | ||
44行目: | 46行目: | ||
const DrumInst = new Position(); | const DrumInst = new Position(); | ||
const PercInst = new Position(); | const PercInst = new Position(); | ||
var StaveBase1; | var StaveBase1; | ||
526行目: | 527行目: | ||
Guitar1_Tab_St1.draw(); | Guitar1_Tab_St1.draw(); | ||
Guitar1_tab_1st.x = Guitar1_Tab_St1.x; | |||
Guitar1_tab_1st.y = Guitar1_Tab_St1.y; | |||
var connector9_2 = new VF.StaveConnector(Guitar1_St1, Guitar1_Tab_St1); | var connector9_2 = new VF.StaveConnector(Guitar1_St1, Guitar1_Tab_St1); | ||
590行目: | 591行目: | ||
} | } | ||
Guitar1_vTab_St4.draw(); | Guitar1_vTab_St4.draw(); | ||
const Guitar2_St1 = new VF.Stave(Guitar1_Tab_St1.x, Guitar1_Tab_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx); | const Guitar2_St1 = new VF.Stave(Guitar1_Tab_St1.x, Guitar1_Tab_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx); | ||
610行目: | 612行目: | ||
const Guitar2_St4 = new VF.Stave(Guitar2_St3.width + Guitar2_St3.x, Guitar2_St3.y, nStaveWidth).setContext(ctx); | const Guitar2_St4 = new VF.Stave(Guitar2_St3.width + Guitar2_St3.x, Guitar2_St3.y, nStaveWidth).setContext(ctx); | ||
Guitar2_St4.draw(); | Guitar2_St4.draw(); | ||
const Guitar2_Tab_St1_1 = new VF.Stave(Guitar2_St1.x + nHeadMargin + 20, Guitar2_St1.y + 120, 0).setContext(ctx); | const Guitar2_Tab_St1_1 = new VF.Stave(Guitar2_St1.x + nHeadMargin + 20, Guitar2_St1.y + 120, 0).setContext(ctx); | ||
628行目: | 629行目: | ||
const Guitar2_Tab_St2 = new VF.Stave(Guitar2_Tab_St1.width + Guitar2_Tab_St1.x, Guitar2_Tab_St1.y, nStaveWidth).setContext(ctx); | const Guitar2_Tab_St2 = new VF.Stave(Guitar2_Tab_St1.width + Guitar2_Tab_St1.x, Guitar2_Tab_St1.y, nStaveWidth).setContext(ctx); | ||
Guitar2_Tab_St2.draw(); | Guitar2_Tab_St2.draw(); | ||
const Guitar2_Tab_St2_1 = new VF.Stave(Guitar2_Tab_St1.width + Guitar2_Tab_St1.x + 45, Guitar2_Tab_St1.y, 0).setContext(ctx); | const Guitar2_Tab_St2_1 = new VF.Stave(Guitar2_Tab_St1.width + Guitar2_Tab_St1.x + 45, Guitar2_Tab_St1.y, 0).setContext(ctx); | ||
643行目: | 643行目: | ||
Guitar2tab_3st.x = Guitar2_Tab_St3.x; | Guitar2tab_3st.x = Guitar2_Tab_St3.x; | ||
Guitar2tab_3st.y = Guitar2_Tab_St3.y; | Guitar2tab_3st.y = Guitar2_Tab_St3.y; | ||
const Guitar2_Tab_St4 = new VF.Stave(Guitar2_Tab_St3.width + Guitar2_Tab_St3.x, Guitar2_Tab_St3.y, nStaveWidth).setContext(ctx); | const Guitar2_Tab_St4 = new VF.Stave(Guitar2_Tab_St3.width + Guitar2_Tab_St3.x, Guitar2_Tab_St3.y, nStaveWidth).setContext(ctx); | ||
863行目: | 862行目: | ||
textContent: ["@"], // 必須文字列 | textContent: ["@"], // 必須文字列 | ||
strID: "EGuitarTab", // 必須 | strID: "EGuitarTab", // 必須 | ||
Stave_x: | Stave_x: Guitar1_tab_1st.x, | ||
Stave_y: | Stave_y: Guitar1_tab_1st.y, | ||
Stave_x_Offset: 10, | Stave_x_Offset: 10, | ||
Stave_y_Offset: 80, | Stave_y_Offset: 80, |
2024年4月18日 (木) 00:22時点における版
VexFlow 使い方に戻る。
概要
タブ譜 ミュート
コードは以下のとおりです。
<div id="yonet202404Mid_Output01"></div>
<script>
VexFlow 使い方に戻る。