「VexFlow タブ譜 コードフォーム」の版間の差分

提供:yonewiki
編集の要約なし
2,094行目: 2,094行目:
};
};
insertTextToSVG(EGuitarTab_options);
insertTextToSVG(EGuitarTab_options);
insertTrilPathToSVG(shiftGuitar1_1);
var Guitar1_notes4_tr_option = {
    textContent: ["tr."], // 必須文字列
    strID: "Guitar1_notes4_tr", // 必須
    Stave_x: shiftGuitar1_1[0].x,
    Stave_y: shiftGuitar1_1[0].y,
    Stave_x_Offset: 25,
    Stave_y_Offset: -50,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: [0] // xのオフセット値配列
};
insertTextToSVG(Guitar1_notes4_tr_option);
var Guitar1_notes1_option = {
    textContent: ["0", "2", "2", "2", "9", "9"], // 必須文字列
    strID: "Guitar1_notes1", // 必須
    Stave_x_Offset: [10, 0, 10, 0, 0, 0],
    Stave_y_Offset: 0,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: shiftGuitar1_tab1, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes1_option);
insertTiePathToSVG({x:shiftGuitar1_tab1[4].x - 40, y:shiftGuitar1_tab1[4].y + 30}, {x:shiftGuitar1_tab1[4].x - 5, y:shiftGuitar1_tab1[4].y});
insertTiePathToSVG({x:shiftGuitar1_tab1[4].x - 40, y:shiftGuitar1_tab1[4].y + 30 - 110}, {x:shiftGuitar1_tab1[4].x - 5, y:shiftGuitar1_tab1[4].y - 110});
var Guitar1_notes1_g_option = {
    textContent: ["g"], // 必須文字列
    strID: "Guitar1_notes1_g", // 必須
    Stave_x_Offset: -30,
    Stave_y_Offset: 0,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab1[4].x, y:shiftGuitar1_tab1[4].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes1_g_option);
var Guitar1_st1_notes1_g_option = {
    textContent: ["g"], // 必須文字列
    strID: "Guitar1_st1_notes1_g", // 必須
    Stave_x_Offset: -30,
    Stave_y_Offset: 0 - 110,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab1[4].x, y:shiftGuitar1_tab1[4].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_st1_notes1_g_option);
var Guitar1_notes1_Arpeggio_option = {
    textContent: ["┌ Arpeggio ──────┐"], // 必須文字列
    strID: "Guitar1_notes1_g", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: -40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 40,
    shift_x: [{x:shiftGuitar1_tab1[4].x, y:shiftGuitar1_tab1[4].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes1_Arpeggio_option);
var Guitar1_st1_notes1_Arpeggio_option = {
    textContent: ["┌ Arpeggio ──────┐"], // 必須文字列
    strID: "Guitar1_st1_notes1_g", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: -40 - 110 - 20,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 40,
    shift_x: [{x:shiftGuitar1_tab1[4].x, y:shiftGuitar1_tab1[4].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_st1_notes1_Arpeggio_option);
var Guitar1_notes1_0_option = {
    textContent: ["\uFF7C"], // 必須文字列 4和音コード2分音符
    strID: "Guitar1_notes1_ele0", // 必須
    Stave_x: shiftGuitar1_tab1[0].x,
    Stave_y: shiftGuitar1_tab1[0].y,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
};
insertTextToSVG(Guitar1_notes1_0_option);
var Guitar1_notes2_option = {
    textContent: ["9", "9", "9", "9", "9", "9", "7", "9", "7", "7", "5", "4", "7"], // 必須文字列
    strID: "Guitar1_notes1", // 必須
    Stave_x_Offset: [-30, -40, 0, -10, 0, -10, 0, 0, 10, 0, 0, 0, 0],
    Stave_y_Offset: 0,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: shiftGuitar1_tab2, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes2_option);
var Guitar1_notes2_c_option = {
    textContent: ["H.C."], // 必須文字列
    strID: "Guitar1_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: -40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab2[1].x -30, y:shiftGuitar1_tab2[1].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes2_c_option);
var Guitar1_st1_notes2_c_option = {
    textContent: ["H.C."], // 必須文字列
    strID: "Guitar1_st1_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: -40 - 110,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab2[1].x -30, y:shiftGuitar1_tab2[1].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_st1_notes2_c_option);
var Guitar1_notes2_a_option = {
    textContent: [".", ".", ".", ".", ".", ".", ".", "."], // 必須文字列
    strID: "Guitar1_notes2", // 必須
    Stave_x_Offset: [0, 0, 0, 0, 0, 0, 0, 0],
    Stave_y_Offset: [-15, -15, -15, -15, 15, 15, 15, 15],
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab2[3].x, y:shiftGuitar1_tab2[3].y},
              {x:shiftGuitar1_tab2[5].x, y:shiftGuitar1_tab2[5].y},
              {x:shiftGuitar1_tab2[6].x, y:shiftGuitar1_tab2[6].y},
              {x:shiftGuitar1_tab2[7].x, y:shiftGuitar1_tab2[7].y},
              {x:shiftGuitar1_tab2[8].x, y:shiftGuitar1_tab2[8].y},
              {x:shiftGuitar1_tab2[10].x, y:shiftGuitar1_tab2[10].y},
              {x:shiftGuitar1_tab2[11].x, y:shiftGuitar1_tab2[11].y},
              {x:shiftGuitar1_tab2[12].x, y:shiftGuitar1_tab2[12].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes2_a_option);
insertTiePathToSVG({x:shiftGuitar1_tab2[0].x - 20 - 10, y:shiftGuitar1_tab2[0].y + 10}, {x:shiftGuitar1_tab2[0].x, y:shiftGuitar1_tab2[0].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab2[0].x - 20 - 10, y:shiftGuitar1_tab2[0].y - 40}, {x:shiftGuitar1_tab2[0].x, y:shiftGuitar1_tab2[0].y - 40}, -1);
var Guitar1_notes3_option = {
    textContent: ["5", "7", "5", "7", "5", "7", "7", "7"], // 必須文字列
    strID: "Guitar1_notes3", // 必須
    Stave_x_Offset: [0, 0, 0, 0, 0, 0, 0, 5],
    Stave_y_Offset: 0,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: shiftGuitar1_tab3, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes3_option);
var Guitar1_notes3_H_P_H_P_option = {
    textContent: ["H", "P", "H", "P"], // 必須文字列
    strID: "Guitar1_notes1", // 必須
    Stave_x_Offset: 10,
    Stave_y_Offset: 35,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab3[0].x , y:shiftGuitar1_tab3[0].y},
{x:shiftGuitar1_tab3[1].x , y:shiftGuitar1_tab3[1].y},
{x:shiftGuitar1_tab3[2].x , y:shiftGuitar1_tab3[2].y},
{x:shiftGuitar1_tab3[3].x , y:shiftGuitar1_tab3[3].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes3_H_P_H_P_option);
var Guitar1_st1_notes3_H_P_H_P_option = {
    textContent: ["H", "P", "H", "P"], // 必須文字列
    strID: "Guitar1_st1_notes1", // 必須
    Stave_x_Offset: 10,
    Stave_y_Offset: 35 - 110,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab3[0].x , y:shiftGuitar1_tab3[0].y},
{x:shiftGuitar1_tab3[1].x , y:shiftGuitar1_tab3[1].y},
{x:shiftGuitar1_tab3[2].x , y:shiftGuitar1_tab3[2].y},
{x:shiftGuitar1_tab3[3].x , y:shiftGuitar1_tab3[3].y}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_st1_notes3_H_P_H_P_option);
insertTiePathToSVG({x:shiftGuitar1_tab3[0].x , y:shiftGuitar1_tab3[0].y + 10}, {x:shiftGuitar1_tab3[1].x + 5, y:shiftGuitar1_tab3[0].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab3[1].x , y:shiftGuitar1_tab3[1].y + 10}, {x:shiftGuitar1_tab3[2].x + 5, y:shiftGuitar1_tab3[1].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab3[2].x , y:shiftGuitar1_tab3[2].y + 10}, {x:shiftGuitar1_tab3[3].x + 5, y:shiftGuitar1_tab3[2].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab3[3].x , y:shiftGuitar1_tab3[3].y + 10}, {x:shiftGuitar1_tab3[4].x + 5, y:shiftGuitar1_tab3[3].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab3[6].x , y:shiftGuitar1_tab3[6].y + 15}, {x:shiftGuitar1_tab3[6].x + 35, y:shiftGuitar1_tab3[6].y + 15});
var Guitar1_notes3_7_option = {
    textContent: ["\uFF7F"], // 必須文字列 1音2分音符
    strID: "Guitar1_notes3_ele7", // 必須
    Stave_x: shiftGuitar1_tab3[7].x - 7,
    Stave_y: shiftGuitar1_tab3[7].y,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
};
insertTextToSVG(Guitar1_notes3_7_option);
var Guitar1_notes4_option = {
    textContent: ["5", "7", "5", "7", "7", "7", "4", "6", "4", "."], // 必須文字列
    strID: "Guitar1_notes3", // 必須
    Stave_x_Offset: [0, 0, 0, -20, 0, 0, 0, 0, 0,  0],
    Stave_y_Offset: [0, 0, 0,  0, 0, 0, 0, 0, 0, -15],
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: shiftGuitar1_tab4, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes4_option);
var Guitar1_notes4_P_C_H_option = {
    textContent: ["P", "C", "H"], // 必須文字列
    strID: "Guitar1_notes1", // 必須
    Stave_x_Offset: 10,
    Stave_y_Offset: 35,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab4[1].x + 10 , y:shiftGuitar1_tab4[1].y},
{x:shiftGuitar1_tab4[3].x - 20, y:shiftGuitar1_tab4[3].y},
{x:shiftGuitar1_tab4[6].x , y:shiftGuitar1_tab4[6].y - 60}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_notes4_P_C_H_option);
var Guitar1_st1_notes4_P_C_H_option = {
    textContent: ["P", "C", "H"], // 必須文字列
    strID: "Guitar1_st1_notes1", // 必須
    Stave_x_Offset: 10,
    Stave_y_Offset: 35 - 110,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    fontSize: 50,
    shift_x: [{x:shiftGuitar1_tab4[1].x + 10 , y:shiftGuitar1_tab4[1].y},
{x:shiftGuitar1_tab4[3].x - 20, y:shiftGuitar1_tab4[3].y},
{x:shiftGuitar1_tab4[6].x , y:shiftGuitar1_tab4[6].y - 60}], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar1_st1_notes4_P_C_H_option);
insertTiePathToSVG({x:shiftGuitar1_tab4[0].x, y:shiftGuitar1_tab4[0].y + 10}, {x:shiftGuitar1_tab4[1].x + 2, y:shiftGuitar1_tab4[0].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab4[1].x, y:shiftGuitar1_tab4[1].y + 10}, {x:shiftGuitar1_tab4[2].x + 2, y:shiftGuitar1_tab4[1].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab4[4].x - 15, y:shiftGuitar1_tab4[4].y + 10}, {x:shiftGuitar1_tab4[4].x + 2, y:shiftGuitar1_tab4[4].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab4[4].x, y:shiftGuitar1_tab4[4].y + 10}, {x:shiftGuitar1_tab4[5].x + 2, y:shiftGuitar1_tab4[4].y + 10});
insertTiePathToSVG({x:shiftGuitar1_tab4[6].x, y:shiftGuitar1_tab4[6].y - 10}, {x:shiftGuitar1_tab4[7].x + 2, y:shiftGuitar1_tab4[6].y - 10}, -1);
insertTrilPathToSVG(shiftGuitar1_tab4_tr);
var Guitar1_tab_notes4_tr_option = {
    textContent: ["tr."], // 必須文字列
    strID: "Guitar1_tab_notes4_tr", // 必須
    Stave_x: shiftGuitar1_tab4_tr[0].x,
    Stave_y: shiftGuitar1_tab4_tr[0].y,
    Stave_x_Offset: 25,
    Stave_y_Offset: -50,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: [0] // xのオフセット値配列
};
insertTextToSVG(Guitar1_tab_notes4_tr_option);
var Guitar2_St1_notes1_option = {
    textContent: ["\uFF64"], // 必須文字列
    strID: "Guitar2_St1_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: shiftGuitar2_St1, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar2_St1_notes1_option);
insertTiePathToSVG({x:shiftGuitar2_St1[4].x , y:shiftGuitar2_St1[4].y + 10}, {x:shiftGuitar2_St1[4].x + 35, y:shiftGuitar2_St1[4].y + 10});
var Guitar2_St2_notes1_option = {
    textContent: ["\uFF86"], // 必須文字列
    strID: "Guitar2_St2_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: shiftGuitar2_St2, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar2_St2_notes1_option);
insertTiePathToSVG({x:shiftGuitar2_St2[4].x , y:shiftGuitar2_St2[4].y - 20}, {x:shiftGuitar2_St2[4].x + 35, y:shiftGuitar2_St2[4].y - 20}, -1);
var Guitar2_tab_St1_notes1_option = {
    textContent: ["\uFF64"], // 必須文字列
    strID: "Guitar2_tab_St1_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: shiftGuitar2_Tab1, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar2_tab_St1_notes1_option);
insertTiePathToSVG({x:shiftGuitar2_Tab1[4].x , y:shiftGuitar2_Tab1[4].y + 10}, {x:shiftGuitar2_Tab1[4].x + 35, y:shiftGuitar2_Tab1[4].y + 10});
var Guitar2_tab_St2_notes1_option = {
    textContent: ["\uFF86"], // 必須文字列
    strID: "Guitar2_tab_St2_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 40,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: shiftGuitar2_Tab2, // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar2_tab_St2_notes1_option);
insertTiePathToSVG({x:shiftGuitar2_Tab2[4].x , y:shiftGuitar2_Tab2[4].y - 20}, {x:shiftGuitar2_Tab2[4].x + 35, y:shiftGuitar2_Tab2[4].y - 20}, -1);
var Guitar2_tab_St3_notes1_option = {
    textContent: ["2", "3", "2", "0"], // 必須文字列
    strID: "Guitar2_tab_St3_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 50,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: [{x: shiftGuitar2_Tab3[0].x, y: shiftGuitar2_Tab3[0].y},
{x:shiftGuitar2_Tab3[1].x + 10, y: shiftGuitar2_Tab3[1].y},
{x:shiftGuitar2_Tab3[2].x, y: shiftGuitar2_Tab3[2].y},
{x:shiftGuitar2_Tab3[3].x + 10, y: shiftGuitar2_Tab3[3].y} ], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar2_tab_St3_notes1_option);
insertTiePathToSVG({x:shiftGuitar2_Tab3[7].x , y:shiftGuitar2_Tab3[7].y + 10}, {x:shiftGuitar2_Tab3[7].x + 35, y:shiftGuitar2_Tab3[7].y + 10});
var Guitar2_tab_St4_notes1_option = {
    textContent: ["3", "0", "0", "\uFF1F", "3"], // 必須文字列
    strID: "Guitar2_tab_St4_notes1", // 必須
    Stave_x_Offset: 0,
    Stave_y_Offset: 0,
    fontSize: 50,
    fontFamily: "YonetMuFL, Arial", // オプション、デフォルトは"Bravura, Arial"
    shift_x: [{x: shiftGuitar2_Tab4[0].x, y: shiftGuitar2_Tab4[0].y},
{x:shiftGuitar2_Tab4[1].x + 10, y: shiftGuitar2_Tab4[1].y},
{x:shiftGuitar2_Tab4[2].x, y: shiftGuitar2_Tab4[2].y},
{x:shiftGuitar2_Tab4[3].x + 30, y: shiftGuitar2_Tab4[3].y},
{x:shiftGuitar2_Tab4[4].x , y: shiftGuitar2_Tab4[4].y} ], // xのオフセット値配列
    IsOffset_x_Abs: true
};
insertTextToSVG(Guitar2_tab_St4_notes1_option);
insertTiePathToSVG({x:shiftGuitar2_Tab4[8].x , y:shiftGuitar2_Tab4[8].y + 10}, {x:shiftGuitar2_Tab4[8].x + 35, y:shiftGuitar2_Tab4[8].y + 10});


var EGuitar2Text_options = {
var EGuitar2Text_options = {

2024年4月11日 (木) 00:21時点における版

VexFlow 使い方に戻る。

概要

 

 

タブ譜 コードフォーム


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


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

</script>


 

 

VexFlow 使い方に戻る。