mario: (HTML5) inline-SVG für Text-Layout (mit Kringeln und so)

Beitrag lesen

Hallo,

Ich möchte ein etwas abgefahreneres Layout für Textschnippsel auf einer
Seite. Das lässt sich zwar relativ umständlich mit CSS und position:abs
realisieren, aber ich habe überlegt ob es nicht auch mit SVG geht.

In HTML5 gibt es ja inline-SVG. Und wenn ich das richtig verstanden
habe lassen sich dabei SVG-Graphikelemente mit HTML-Flowtext mischen.

Gewünschter Effekt (außer natürlich ein wenig Hintergrundfarbe mit
SVG) ist folgender kringelförmiger Textfluss (nur größer halt):

ttflalkff
                  uxxjdjflk ldldflö
               lfalkfl        fklfkalk
            wqokpoj3               fjlkf
           klkkdds        bbb          zz
            kflklfk         fdffzz
              lskkfdkdö      ddsddsk
                 tsjskjjstföfdsjsa
                      tttlksasl

Okay, als Designvorlage eher ungeeignet. Aber soll ja nur ein Beispiel
sein. Im 'Text' selbst sind nur einzelne Wörter; kein zusammenhängender
Wortsinn. Von daher ließe sich das relativ frei und beinah unsortiert
anordnen.

Ist sowas mit Inline-SVG realisierbar, wenn die einzelnen Textschnippsel
gleichzeitig HTML-Links bleiben sollen?

Hat schonmal jemand so ein HTML5-mit-SVG-Layout irgendwo gesehen?
Ich kenne bisher nur reine HTML5-Templates, und richtig intergrierte
Inline-SVG-Beispiele hab ich noch nirgends entdeckt.

G!
mario

PS: Nein, ob das schon alle Browser unterstützen interessiert mich
nich so. Und IE-User zähle ich explizit nicht zu meiner Zielgruppe.