Christian Witt: Whitespaceproblem im SVG Dokument

SELF-Forum

Whitespaceproblem im SVG Dokument

Christian Witt
– Informationen zu den Bewertungsregeln

Da ich noch neu auf dem Gebiet von SVG bin folgende Frage.
Jeder Buchstabe im Code besitzt eine eigene Beschreibung.
Der Code wird automatisch generiert. Mein Problem ist das Adobe Illustrator und Firefox und IE mit entsprechenden Plugins diesen anscheinend nicht richtig anzeigen. Nach einem Wort kommt immer ein "Whitespace" ( Freizeichen ) Welches aber anscheinend von allen Viewern komplett ignoriert wird. Woran kann das liegen?

Also anstatt "Das ist ein Test" wird "DasisteinTest" ausgegeben.

Hier noch der Code von der Datei.

Danke im vorraus

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" Version="1.1" baseProfile="full" fill="#FFFFFF" width="48.00cm" height="8.00cm" xmlns="http://www.w3.org/2000/svg">
  <text x="0.00cm" y="0.00cm">
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">D</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">a</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">s</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;"> </tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">i</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">s</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">t</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;"> </tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">e</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">i</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">n</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;"> </tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">T</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">E</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">s</tspan>
    <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;">t</tspan>
  </text>
</svg>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Whitespaceproblem im SVG Dokument

    ThomasM
    – Informationen zu den Bewertungsregeln

    Hallo Christian,

    Also anstatt "Das ist ein Test" wird "DasisteinTest" ausgegeben.
    ...

    <text x="0.00cm" y="0.00cm">
    ...
      </text>

    Verwende <text x="..." y="..." xml:space="preserve">...</text>

    y="0.00" cm ist vielleicht auch nicht so günstig, da es die Grundlinie markiert, die somit am oberen Rand liegt.

    Grüße,
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Whitespaceproblem im SVG Dokument

      Christin Witt
      – Informationen zu den Bewertungsregeln

      Hallo Christian,

      »» Also anstatt "Das ist ein Test" wird "DasisteinTest" ausgegeben.
      »» ...

      »»   <text x="0.00cm" y="0.00cm">
      »» ...
      »»   </text>

      Verwende <text x="..." y="..." xml:space="preserve">...</text>

      y="0.00" cm ist vielleicht auch nicht so günstig, da es die Grundlinie markiert, die somit am oberen Rand liegt.

      Grüße,
      Thomas

      danke für die schnelle antwort... könntest du mir vieleicht eine komplette zeile aufschreiben für das leerzeichen damit es auch tatsächlich angezeigt
      wird.

      <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;"></tspan>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Whitespaceproblem im SVG Dokument

        ThomasM
        – Informationen zu den Bewertungsregeln

        Hallo Christin oder Christian,

        <tspan style="font-family:AlsaceLorraine; font-size:8.00cm; fill:#000000;"></tspan>

        Die Leerzeichen so lassen wie im Ausgangscode und xml:space hinzufügen. Dann sehe ich den Leerraum mit Firefox und IE/ASV (nach y-Anpassung).

        Grüße,
        Thomas

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Whitespaceproblem im SVG Dokument

          Christian Witt
          – Informationen zu den Bewertungsregeln

          vielen dank für die schnelle hilfe

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln