SVG eigene ID
Code Sources Icon Code Sources Icon


Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
HTML Elemente

SVG-Code kürzen

Eine einmal erstellte SVG-Datei kann einfach mit einem HTML-Editor (Brackets) bearbeitet werden. Der ursprüngliche Quellcode der SVG-Datei kann erheblich reduziert werden, wenn dieser innerhalb einer HTML-Datei verwendet wird.

Im Vergleich mit der ursprünglichen SVG-Datei: SVG in HTML, wurde gekürzt:

  • Alle Programmspezifischen Angaben im SVG-Element wurden gelöscht
  • Alle Style-Angaben im SVG-Element wurden gelöscht
  • Alle Style-Angaben in der Zeichnung wurden gelöscht !Beachte!
    • Ohne jede Style-Angabe sind alle Flächen (fill) und Konturen (stroke) schwarz
    • Diese müssen falls gelöscht mit CSS Formatiert werden
    • Werden Style-Angaben belassen, können sie mit CSS unter Verwendung von !important überschrieben werden

SVG-Code ergänzen

Es ist ohne weiteres möglich, eigene ID's oder Klassen in den SVG Quellcode einzufügen. Diese ID's können nun ganz gezielt mit CSS angesprochen werden.

DB-Table: svg-id