「VexFlow タブ譜 ミュート」の版間の差分

提供:yonewiki
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 Guitar2Connector_St1_L = new VF.StaveConnector(Guitar2_St1, Guitar2_Tab_St1);
var Guitar2Connector_St4_L = new VF.StaveConnector(Guitar2_St4, Guitar2_Tab_St4);
Guitar2Connector_St1_L.setType(VF.StaveConnector.type.BRACKET);
Guitar2Connector_St4_L.setType(VF.StaveConnector.type.SINGLE);
Guitar2Connector_St1_L.setContext(ctx);
Guitar2Connector_St4_L.setContext(ctx);
Guitar2Connector_St1_L.draw();
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 使い方に戻る。