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

提供：yonewiki
24行目: 24行目:
}
}
var VF = Vex.Flow;
var VF = Vex.Flow;
const VocalInst = new Position();
const VocalInst = new Position();
const Guitar1Inst = new Position();
const Guitar1Inst = new Position();
const Guitar2Inst = new Position();
const BaseInst = new Position();
const DrumInst = new Position();
const PercInst = new Position();


const Guitar1_tab_1st = new Position();
const Guitar1tab_1st_tabmark = new Position();


const Guitar1tab_1st = new Position();
const Guitar1tab_1st = new Position();
34行目: 39行目:
const Guitar1tab_4st = new Position();
const Guitar1tab_4st = new Position();


const Guitar2Inst = new Position();
const Guitar2tab_1st_tabmark = new Position();
const Guitar2Tab1 = new Position();


const Guitar2tab_1st = new Position();
const Guitar2tab_1st = new Position();
42行目: 46行目:
const Guitar2tab_4st = new Position();
const Guitar2tab_4st = new Position();


const BaseInst = new Position();
const Basetab_1st_tabmark = new Position();
const BaseTab1 = new Position();
const DrumInst = new Position();
const PercInst = new Position();


var StaveBase1;
var StaveBase1;
51行目: 52行目:
var StaveBase3;
var StaveBase3;
var StaveBase4;
var StaveBase4;
const Perc_note1_1_0 = new Position();
var shiftGuitar1_1;
var shiftGuitar1_tab4_tr;


var shiftGuitar1_1st;
var shiftGuitar1_1st;
77行目: 73行目:
var shiftGuitar2tab_4st;
var shiftGuitar2tab_4st;


var shiftDrum1;
var shiftDrum_1st;
var shiftPerc1;
var shiftDrum_2st;
var shiftDrum_3st;
var shiftDrum_4st;
 
var shiftPerc_1st;
var shiftPerc_2st;
var shiftPerc_3st;
var shiftPerc_4st;


function insertBaseEndBarPathToSVG(Stave) {
function insertBaseEndBarPathToSVG(Stave) {
527行目: 530行目:
Guitar1_Tab_St1.draw();
Guitar1_Tab_St1.draw();


Guitar1_tab_1st.x = Guitar1_Tab_St1.x;
Guitar1tab_1st_tabmark.x = Guitar1_Tab_St1.x;
Guitar1_tab_1st.y = Guitar1_Tab_St1.y;
Guitar1tab_1st_tabmark.y = Guitar1_Tab_St1.y;


var Guitar1Connector_St1_L = new VF.StaveConnector(Guitar1_St1, Guitar1_Tab_St1);
var Guitar1Connector_St1_L = new VF.StaveConnector(Guitar1_St1, Guitar1_Tab_St1);
624行目: 627行目:
Guitar2tab_1st.y = Guitar2_Tab_St1_1.y;
Guitar2tab_1st.y = Guitar2_Tab_St1_1.y;


Guitar2Tab1.x = Guitar2_Tab_St1.x;
Guitar2tab_1st_tabmark.x = Guitar2_Tab_St1.x;
Guitar2Tab1.y = Guitar2_Tab_St1.y;
Guitar2tab_1st_tabmark.y = Guitar2_Tab_St1.y;


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);
709行目: 712行目:
Base_Tab_St1.draw();
Base_Tab_St1.draw();


BaseTab1.x = Base_Tab_St1.x;
Basetab_1st_tabmark.x = Base_Tab_St1.x;
BaseTab1.y = Base_Tab_St1.y;
Basetab_1st_tabmark.y = Base_Tab_St1.y;


BaseInst.x = Base_St1.x - 30;
BaseInst.x = Base_St1.x - 30;
862行目: 865行目:
     textContent: ["＠"], // 必須文字列
     textContent: ["＠"], // 必須文字列
     strID: "EGuitarTab", // 必須
     strID: "EGuitarTab", // 必須
     Stave_x: Guitar1_tab_1st.x,
     Stave_x: Guitar1tab_1st_tabmark.x,
     Stave_y: Guitar1_tab_1st.y,
     Stave_y: Guitar1tab_1st_tabmark.y,
     Stave_x_Offset: 10,
     Stave_x_Offset: 10,
     Stave_y_Offset: 80,
     Stave_y_Offset: 80,
884行目: 887行目:
     textContent: ["＠"], // 必須文字列
     textContent: ["＠"], // 必須文字列
     strID: "EGuitar2Tab", // 必須
     strID: "EGuitar2Tab", // 必須
     Stave_x: Guitar2Tab1.x,
     Stave_x: Guitar2tab_1st_tabmark.x,
     Stave_y: Guitar2Tab1.y,
     Stave_y: Guitar2tab_1st_tabmark.y,
     Stave_x_Offset: 10,
     Stave_x_Offset: 10,
     Stave_y_Offset: 80,
     Stave_y_Offset: 80,
906行目: 909行目:
     textContent: ["＠"], // 必須文字列
     textContent: ["＠"], // 必須文字列
     strID: "BaseTab", // 必須
     strID: "BaseTab", // 必須
     Stave_x: BaseTab1.x,
     Stave_x: Basetab_1st_tabmark.x,
     Stave_y: BaseTab1.y,
     Stave_y: Basetab_1st_tabmark.y,
     Stave_x_Offset: 10,
     Stave_x_Offset: 10,
     Stave_y_Offset: 90,
     Stave_y_Offset: 90,

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

VexFlow 使い方に戻る。

概要

　

　

タブ譜 ミュート


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


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


　

　

VexFlow 使い方に戻る。

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