Positionierung eines Textes in einer SVG // dazu IE Probleme
bearbeitet von einsiedlerIst ja ganz hübsch.
Aber eine nachfrage, wie ist es damit ob alle Browser auch transform-rotate kennen? Wie sieht es da aus?
Habe nun folgendes:
~~~HTML
<h1>
<svg viewBox="0 0 50 250" preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="3" width="42" height="242" stroke-width="5" stroke="orange" fill="none"></rect>
<text x="66" y="148" text-anchor="middle" font-size="35"
transform="rotate(-90,40,150)">Tassilo Sturm</text>
</svg>
</h1>
~~~
Chrome , opera und Firefox machens obwohl die Schriftgröße unterschiedlich ist, aber egal. Im edge und 10 machens aber bei edge muss man einmal auf den schriftzug klicken dann erscheint er, weiß nicht was das wieder ist. Link zur Demoversion in der Test-Umgebung Im 10er macht er es auch, den 9er kann man glaub ich vernachläßigen, oder? Ansonsten könnte der Schriftzug hier in dem Fall horizontal erscheinen oder gibt es da auch ein -ms-transform ?
Hmmmmmm.... aber Danke!
der misanthrop