SVG ist besser als Canvas

[Gunnar Bittersmann]

@@j4nk3y

nach kurzer recherche dann: preserveAspectRatio="xMinYMin" gefunden. In dem Wiki steht dann noch etwas von "meetOrSlice", was bedeutet das?

Schlag nach bei Sara Soueidan: Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio

“The last argument, meetOrSlice is also optional, and it defaults to meet. This argument specifies whether or not the entire viewBox should be visible inside the viewport. If provided, it is separated from the align parameter by one or more spaces. For example: preserveAspectRatio = "xMinYMin slice"

“These values may seem foreign at first. To make understanding them easier and make them more familiar, you can think of the meetOrSlice value as being similar to the background-size values contain and cover; they work pretty much the same. meet is similar to contain, and slice is similar to cover.”

LLAP 🖖

PS: Ja ich weiß, die Rahmen um Inline-Code sind furchtbar und sollten ASAP weg.