「VexFlow タブ譜 ミュート」の版間の差分
649行目: | 649行目: | ||
Guitar2tab_1st_tabmark.x = Guitar2_Tab_St1.x; | Guitar2tab_1st_tabmark.x = Guitar2_Tab_St1.x; | ||
Guitar2tab_1st_tabmark.y = Guitar2_Tab_St1.y; | Guitar2tab_1st_tabmark.y = Guitar2_Tab_St1.y; | ||
var Guitar2Connector_St1_L = new VF.StaveConnector(Guitar2_St1, Guitar2_Tab_St1); | |||
Guitar2Connector_St1_L.setType(VF.StaveConnector.type.BRACKET); | |||
Guitar2Connector_St1_L.setContext(ctx); | |||
Guitar2Connector_St1_L.draw(); | |||
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); | ||
660行目: | 665行目: | ||
Guitar2tab_2st.x = Guitar2_Tab_St2.x; | Guitar2tab_2st.x = Guitar2_Tab_St2.x; | ||
Guitar2tab_2st.y = Guitar2_Tab_St2.y; | Guitar2tab_2st.y = Guitar2_Tab_St2.y; | ||
var Guitar2Connector_St2_L = new VF.StaveConnector(Guitar2_St2, Guitar2_Tab_St2); | |||
Guitar2Connector_St2_L.setType(VF.StaveConnector.type.SINGLE); | |||
Guitar2Connector_St2_L.setContext(ctx); | |||
Guitar2Connector_St2_L.draw(); | |||
const Guitar2_Tab_St3 = new VF.Stave(Guitar2_Tab_St2.width + Guitar2_Tab_St2.x, Guitar2_Tab_St2.y, nStaveWidth).setContext(ctx); | const Guitar2_Tab_St3 = new VF.Stave(Guitar2_Tab_St2.width + Guitar2_Tab_St2.x, Guitar2_Tab_St2.y, nStaveWidth).setContext(ctx); | ||
666行目: | 676行目: | ||
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; | ||
var Guitar2Connector_St3_L = new VF.StaveConnector(Guitar2_St3, Guitar2_Tab_St3); | |||
Guitar2Connector_St3_L.setType(VF.StaveConnector.type.SINGLE); | |||
Guitar2Connector_St3_L.setContext(ctx); | |||
Guitar2Connector_St3_L.draw(); | |||
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); | ||
673行目: | 688行目: | ||
Guitar2tab_4st.y = Guitar2_Tab_St4.y; | Guitar2tab_4st.y = Guitar2_Tab_St4.y; | ||
var | var Guitar2Connector_St4_L = new VF.StaveConnector(Guitar2_St4, Guitar2_Tab_St4); | ||
Guitar2Connector_St4_L.setType(VF.StaveConnector.type.SINGLE); | |||
Guitar2Connector_St4_L.setContext(ctx); | |||
Guitar2Connector_St4_L.draw(); | |||
var Guitar2Connector_St4_R = new VF.StaveConnector(Guitar2_St4, Guitar2_Tab_St4); | |||
Guitar2Connector_St4_R.setType(VF.StaveConnector.type.SINGLE_RIGHT); | |||
Guitar2Connector_St4_R.setContext(ctx); | |||
Guitar2Connector_St4_R.draw(); | |||
const Guitar2_vTab_St1 = new VF.Stave(Guitar2_Tab_St1.x, Guitar2_Tab_St1.y - 10, nHeadMargin + nStaveWidth).setContext(ctx); | const Guitar2_vTab_St1 = new VF.Stave(Guitar2_Tab_St1.x, Guitar2_Tab_St1.y - 10, nHeadMargin + nStaveWidth).setContext(ctx); |
2024年4月19日 (金) 00:12時点における版
VexFlow 使い方に戻る。
概要
タブ譜 ミュート
コードは以下のとおりです。
<div id="yonet202404Mid_Output01"></div>
<script>
VexFlow 使い方に戻る。