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

提供：yonewiki
759行目: 759行目:


StaveBase1 = Base_Tab_St1;
StaveBase1 = Base_Tab_St1;
var BaseConnector_St1_L = new VF.StaveConnector(Base_St1, Base_Tab_St1);
BaseConnector_St1_L.setType(VF.StaveConnector.type.BRACKET);
BaseConnector_St1_L.setContext(ctx);
BaseConnector_St1_L.draw();


const Base_Tab_St2 = new VF.Stave(Base_Tab_St1.width + Base_Tab_St1.x, Base_Tab_St1.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);
770行目: 775行目:


StaveBase2 = Base_Tab_St2;
StaveBase2 = Base_Tab_St2;
var BaseConnector_St2_L = new VF.StaveConnector(Base_St2, Base_Tab_St2);
BaseConnector_St2_L.setType(VF.StaveConnector.type.SINGLE);
BaseConnector_St2_L.setContext(ctx);
BaseConnector_St2_L.draw();


const Base_Tab_St3 = new VF.Stave(Base_Tab_St2.width + Base_Tab_St2.x, Base_Tab_St2.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);
781行目: 791行目:


StaveBase3 = Base_Tab_St3;
StaveBase3 = Base_Tab_St3;
var BaseConnector_St3_L = new VF.StaveConnector(Base_St3, Base_Tab_St3);
BaseConnector_St3_L.setType(VF.StaveConnector.type.SINGLE);
BaseConnector_St3_L.setContext(ctx);
BaseConnector_St3_L.draw();


const Base_Tab_St4 = new VF.Stave(Base_Tab_St3.width + Base_Tab_St3.x, Base_Tab_St3.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);
793行目: 808行目:
StaveBase4 = Base_Tab_St4;
StaveBase4 = Base_Tab_St4;


var BaseConnector_St1_L = new VF.StaveConnector(Base_St1, Base_Tab_St1);
var BaseConnector_St4_L = new VF.StaveConnector(Base_St4, Base_Tab_St4);
BaseConnector_St1_L.setType(VF.StaveConnector.type.BRACKET);
BaseConnector_St4_L.setType(VF.StaveConnector.type.SINGLE);
BaseConnector_St1_L.setContext(ctx);
BaseConnector_St4_L.setContext(ctx);
BaseConnector_St1_L.draw();
BaseConnector_St4_L.draw();
 
var BaseConnector_St4_R = new VF.StaveConnector(Base_St4, Base_Tab_St4);
BaseConnector_St4_R.setType(VF.StaveConnector.type.SINGLE_RIGHT);
BaseConnector_St4_R.setContext(ctx);
BaseConnector_St4_R.draw();


const Drum_St1 = new VF.Stave(Base_Tab_St1.x, Base_Tab_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);
const Drum_St1 = new VF.Stave(Base_Tab_St1.x, Base_Tab_St1.y + 120, nHeadMargin + nStaveWidth).setContext(ctx);

2024年4月19日 (金) 00:22時点における版

VexFlow 使い方に戻る。

概要

　

　

タブ譜 ミュート


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


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


　

　

VexFlow 使い方に戻る。

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