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

提供：yonewiki
701行目: 701行目:
Base_St4.draw();
Base_St4.draw();


const Base_Tab1 = new VF.Stave(Base_St1.x, Base_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
const Base_Tab_St1 = new VF.Stave(Base_St1.x, Base_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
Base_Tab1.setEndBarType(VF.Barline.type.NONE);
Base_Tab_St1.setEndBarType(VF.Barline.type.NONE);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i != 0) continue;
   if (i != 0) continue;
   Base_Tab1.setConfigForLine(i, {visible: false} );
   Base_Tab_St1.setConfigForLine(i, {visible: false} );
}
}
Base_Tab1.draw();
Base_Tab_St1.draw();


BaseTab1.x = Base_Tab1.x;
BaseTab1.x = Base_Tab_St1.x;
BaseTab1.y = Base_Tab1.y;
BaseTab1.y = Base_Tab_St1.y;


BaseInst.x = Base_St1.x - 30;
BaseInst.x = Base_St1.x - 30;
BaseInst.y = Base_St1.y + ((Base_Tab1.y - Base_St1.y) / 2) + 90;  
BaseInst.y = Base_St1.y + ((Base_Tab1.y - Base_St1.y) / 2) + 90;  


StaveBase1 = Base_Tab1;
StaveBase1 = Base_Tab_St1;


const Base_Tab2 = new VF.Stave(Base_Tab1.width + Base_Tab1.x, Base_Tab1.y, nStaveWidth).setContext(ctx);
const Base_Tab_St2 = new VF.Stave(Base_Tab_St1.width + Base_Tab_St1.x, Base_Tab_St1.y, nStaveWidth).setContext(ctx);
Base_Tab2.setBegBarType(VF.Barline.type.NONE);
Base_Tab_St2.setBegBarType(VF.Barline.type.NONE);
Base_Tab2.setEndBarType(VF.Barline.type.NONE);
Base_Tab_St2.setEndBarType(VF.Barline.type.NONE);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i != 0) continue;
   if (i != 0) continue;
   Base_Tab2.setConfigForLine(i, {visible: false} );
   Base_Tab_St2.setConfigForLine(i, {visible: false} );
}
}
Base_Tab2.draw();
Base_Tab_St2.draw();


StaveBase2 = Base_Tab2;
StaveBase2 = Base_Tab_St2;


const Base_Tab3 = new VF.Stave(Base_Tab2.width + Base_Tab2.x, Base_Tab2.y, nStaveWidth).setContext(ctx);
const Base_Tab_St3 = new VF.Stave(Base_Tab_St2.width + Base_Tab_St2.x, Base_Tab_St2.y, nStaveWidth).setContext(ctx);
Base_Tab3.setBegBarType(VF.Barline.type.NONE);
Base_Tab_St3.setBegBarType(VF.Barline.type.NONE);
Base_Tab3.setEndBarType(VF.Barline.type.NONE);
Base_Tab_St3.setEndBarType(VF.Barline.type.NONE);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i != 0) continue;
   if (i != 0) continue;
   Base_Tab3.setConfigForLine(i, {visible: false} );
   Base_Tab_St3.setConfigForLine(i, {visible: false} );
}
}
Base_Tab3.draw();
Base_Tab_St3.draw();


StaveBase3 = Base_Tab3;
StaveBase3 = Base_Tab_St3;


const Base_Tab4 = new VF.Stave(Base_Tab3.width + Base_Tab3.x, Base_Tab3.y, nStaveWidth).setContext(ctx);
const Base_Tab_St4 = new VF.Stave(Base_Tab_St3.width + Base_Tab_St3.x, Base_Tab_St3.y, nStaveWidth).setContext(ctx);
Base_Tab4.setBegBarType(VF.Barline.type.NONE);
Base_Tab_St4.setBegBarType(VF.Barline.type.NONE);
Base_Tab4.setEndBarType(VF.Barline.type.NONE);
Base_Tab_St4.setEndBarType(VF.Barline.type.NONE);
for (var i = 0; i < 5; i++) {
for (var i = 0; i < 5; i++) {
   if (i != 0) continue;
   if (i != 0) continue;
   Base_Tab4.setConfigForLine(i, {visible: false} );
   Base_Tab_St4.setConfigForLine(i, {visible: false} );
}
}
Base_Tab4.draw();
Base_Tab_St4.draw();


StaveBase4 = Base_Tab4;
StaveBase4 = Base_Tab_St4;


var BaseConnector_St1_L = new VF.StaveConnector(Base_St1, Base_Tab1);
var BaseConnector_St1_L = new VF.StaveConnector(Base_St1, Base_Tab1);

2024年4月18日 (木) 18:37時点における版

VexFlow 使い方に戻る。

概要

　

　

タブ譜 ミュート


　コードは以下のとおりです。 


<div id="yonet202404Mid_Output01"></div>
<script>


　

　

VexFlow 使い方に戻る。

「https://wiki.yo-net.jp/index.php?title=VexFlow_タブ譜_ミュート&oldid=7864」から取得