documentation/arpeggio_block.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   width="311.35938"
   height="381"
   version="1.1"
   id="svg434"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs438" />
  <g
     id="g82"
     transform="translate(-206,-131)">
    <g
       transform="translate(220,163)"
       id="g62">
      <g
         transform="scale(1.5)"
         id="g60">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path50" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text54"><tspan
             x="20"
             y="15"
             id="tspan52">note</tspan></text>
        <text
           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text58"><tspan
             x="65"
             y="12"
             id="tspan56">value</tspan></text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,220,167)"
       id="g80">
      <g
         style="isolation:isolate"
         id="g78">
        <g
           id="g76"
           data-name="レイヤー 2">
          <g
             id="g74">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect64"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path66" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path68" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path70" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path72" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(116,32)"
     id="g100">
    <g
       transform="scale(1.5)"
       id="g98">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path84" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text88"><tspan
           x="54"
           y="23"
           id="tspan86">/</tspan></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text92"><tspan
           x="54"
           y="12"
           id="tspan90" /></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text96"><tspan
           x="54"
           y="33"
           id="tspan94" /></text>
    </g>
  </g>
  <g
     transform="translate(202,32)"
     id="g110">
    <g
       transform="scale(1.5)"
       id="g108">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path102" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text106"><tspan
           x="13"
           y="14"
           id="tspan104">1</tspan></text>
    </g>
  </g>
  <g
     transform="translate(202,64)"
     id="g120">
    <g
       transform="scale(1.5)"
       id="g118">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path112" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text116"><tspan
           x="13"
           y="14"
           id="tspan114">16</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,64)"
     id="g130">
    <g
       transform="scale(1.5)"
       id="g128">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path122" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text126"><tspan
           x="36"
           y="14"
           id="tspan124">↓</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,96)"
     id="g148">
    <g
       transform="scale(1.5)"
       id="g146">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path132" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text136"><tspan
           x="46"
           y="24"
           id="tspan134">pitch</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text140"><tspan
           x="46"
           y="12"
           id="tspan138">name</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text144"><tspan
           x="46"
           y="33"
           id="tspan142">octave</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,96)"
     id="g158">
    <g
       transform="scale(1.5)"
       id="g156">
      <path
         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path150" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text154"><tspan
           x="13"
           y="14"
           id="tspan152">do</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,128)"
     id="g168">
    <g
       transform="scale(1.5)"
       id="g166">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path160" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text164"><tspan
           x="13"
           y="14"
           id="tspan162">4</tspan></text>
    </g>
  </g>
  <g
     id="g202"
     transform="translate(-206,-131)">
    <g
       transform="translate(220,321)"
       id="g182">
      <g
         transform="scale(1.5)"
         id="g180">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 40 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -40 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#ff8700;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path170" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text174"><tspan
             x="20"
             y="15"
             id="tspan172">note</tspan></text>
        <text
           style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text178"><tspan
             x="65"
             y="12"
             id="tspan176">value</tspan></text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,220,325)"
       id="g200">
      <g
         style="isolation:isolate"
         id="g198">
        <g
           id="g196"
           data-name="レイヤー 2">
          <g
             id="g194">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect184"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path186" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path188" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path190" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path192" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(116,190)"
     id="g220">
    <g
       transform="scale(1.5)"
       id="g218">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path204" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text208"><tspan
           x="54"
           y="23"
           id="tspan206">/</tspan></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text212"><tspan
           x="54"
           y="12"
           id="tspan210" /></text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text216"><tspan
           x="54"
           y="33"
           id="tspan214" /></text>
    </g>
  </g>
  <g
     transform="translate(202,190)"
     id="g230">
    <g
       transform="scale(1.5)"
       id="g228">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path222" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text226"><tspan
           x="13"
           y="14"
           id="tspan224">1</tspan></text>
    </g>
  </g>
  <g
     transform="translate(202,222)"
     id="g240">
    <g
       transform="scale(1.5)"
       id="g238">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path232" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text236"><tspan
           x="13"
           y="14"
           id="tspan234">16</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,222)"
     id="g250">
    <g
       transform="scale(1.5)"
       id="g248">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#c4c4c4;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path242" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text246"><tspan
           x="36"
           y="14"
           id="tspan244">↓</tspan></text>
    </g>
  </g>
  <g
     transform="translate(28,254)"
     id="g268">
    <g
       transform="scale(1.5)"
       id="g266">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path252" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text256"><tspan
           x="46"
           y="24"
           id="tspan254">pitch</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text260"><tspan
           x="46"
           y="12"
           id="tspan258">name</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text264"><tspan
           x="46"
           y="33"
           id="tspan262">octave</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,254)"
     id="g278">
    <g
       transform="scale(1.5)"
       id="g276">
      <path
         d="m 8.5,0.5 h 62.246094 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path270" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text274"><tspan
           x="13"
           y="14"
           id="tspan272">sol</tspan></text>
    </g>
  </g>
  <g
     transform="translate(102,286)"
     id="g288">
    <g
       transform="scale(1.5)"
       id="g286">
      <path
         d="m 8.5,0.5 h 63.90625 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff6ea1;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path280" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text284"><tspan
           x="13"
           y="14"
           id="tspan282">4</tspan></text>
    </g>
  </g>
  <g
     id="g302">
    <g
       transform="scale(1.5)"
       id="g300">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 48.920898 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 H 27.5 h -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 189 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path290" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text294"><tspan
           x="5"
           y="15"
           id="tspan292">arpeggio</tspan></text>
      <text
         style="font-size:6.66667px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text298"><tspan
           x="74"
           y="12"
           id="tspan296" /></text>
    </g>
  </g>
  <g
     transform="translate(115)"
     id="g312">
    <g
       transform="scale(1.5)"
       id="g310">
      <path
         d="m 8.5,0.5 h 110 v 20 H 8.5 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#7cd622;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path304" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text308"><tspan
           x="13"
           y="14"
           id="tspan306">major</tspan></text>
    </g>
  </g>
</svg>