abcsvg2svgedit, v1.02, © Gerhard Schacherl 2025

• Ausgangspunkt ist eine ABC-Datei, erstellt mit abc2svg
  Erzeugen einer SVG-Datei mit Button 'abcDiv2svg', kopieren mit Button 'COPY SVG'
• abcsvg2svgedit starten, dort Button 'READ CLIPBOARD' drücken. Damit wird die Grafik in abcsvg2svgedit eingefügt.
• Mit einem Rechtsklick auf die SVG-Grafik wird eine neue Gruppe (<g id='info' ...) erzeugt. In diese Gruppe kann mit einem weiteren Rechtsklick auf eine passende Stelle der SVG-Grafik ein einfaches vordefiniertes SVG-Element eingefügt werden.
  
  Auswahl der Elemente aus Dropdown-Liste
  Eingige Standarddaten der Elemente können durch eigene Daten ersetzt werden. Welche das sind, ist rechts neben der Dropdown-Liste ersichtlich. Bei 'line': dx~dy~stroke
  Die Werte für dx (=Länge in Pixel), dy (=Höhenunterschied) und Farbe können in das Textfeld rechts daneben eingegeben werden, z.B.: 100~0~green
  
  Bei 'point' werden nur die x- und y-Werte angeschrieben, an der SGV-Datei wird nichts geändert!
• Elemente oder Eigenschaften der Elemente können auch im Textfeld links bearbeitet werden. Anschließend Button 'UPDATE' drücken.
• Wenn alles fertig ist, ev. der Gruppe statt 'info' eine andere ID geben. Mit dieser ID wird später der Querystring konstruiert.
  Text aus Textfeld kopieren und mit Hilfe eines Texteditors als neue SVG-Datei speichern

svgedit eignet sich besonders gut für das Einsetzen von grafischen Elementen!

• Ausgangspunkt ist eine ABC-Datei, erstellt mit abc2svg
  Erzeugen einer SVG-Datei mit Button 'abcDiv2svg', kopieren mit Button 'COPY SVG'
• Kopierten Text in svgedit als Quelltext einfügen
• Fehlen Notenlinien, Quellext von svgedit kopieren, Programm abcsvg2svgedit starten, und die Buttons 'READ CLIPBOARD' und 'SET IDs' drücken. Text aus Textfeld kopieren und wieder zurück nach svgedit kopieren.
• Grafische Elemente in 'svgedit' einsetzen, gruppieren, und der Gruppe eine sinnvolle ID geben. Mit dieser ID wird später der Querystring konstruiert.
• Datei von svgedit aus als SVG speichern.
• Sollte die Darstellung der Metronomangabe fehlerhaft sein (falsche Positionierung besonders im Browser 'Mozilla Firefox' sichtbar), könnte die Ursache (nach Stand 28.02.2025) in Zeilenumbrüchen liegen, die svgedit produziert:

       <text class="f65a" id="svg_37" x="93.7" y="-46.6">
        <tspan class="f61a" dy="-1" font-size="15.6px" id="svg_38"></tspan>
        <tspan dy="1" id="svg_39">=</tspan>120</text>
  
  

  Inhalt aus der bereits gespeicherten Datei in das Textfeld von 'abcsvg2svgedit' kopieren und korrigieren zu:

       <text class="f65a" id="svg_37" x="93.7" y="-46.6"><tspan class="f61a" dy="-1" font-size="15.6px" id="svg_38"></tspan><tspan dy="1" id="svg_39">=</tspan>120</text>
  

  Button UPDATE zur Kontrolle betätigen
• Text aus Textfeld kopieren und mit Hilfe eines Texteditors als neue SVG-Datei speichern
  
  Den Code des Textfeldes in svgedit zurück zu kopieren und dann zu speichern, ist nicht sinnvoll: svgedit würde wieder Zeilenumbrüche einfügen!