SVG Infos <rect> , <text>, <stroke> auch in externens CSS integrierbar?

[Matthias Scharwies]

Servus!

@@Matthias Scharwies

… Koordinatensystem des svg-Elements, das seinen Ursprung in der linken oberen Ecke bei (0|0) hat. 

Das ist falsch. (Womit ich inhaltlich falsch meine, nicht nicht falsche Auszeichnung als Code)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-16 -9 16 9">

Nix mit „linker oberer Ecke“.

Im verlinkten Wiki-Artikel wird auf den Beitrag von Ana Tudor verwiesen:

"The main thing that works differently between HTML elements and SVG elements is the local coordinate system of the element. Every element, whether we're talking about HTML elements or SVG elements, has one. For HTML elements, this coordinate system originates at the 50% 50% point of the element. For SVG elements, the origin is, assuming we have no transform applied on the element itself or any of its ancestors inside the <svg> element, at the 0 0 point of the SVG canvas. This will cause different results following rotate, scale, or skew transforms if the 50% 50% point of the SVG element doesn't coincide with the 0 0 point of the SVG canvas."

Das man das mit dem viewBox-Attribut oder eben mit transform verschieben kann, ist klar.

Herzliche Grüße

Matthias Scharwies