Alex
Ich muss dieses SVG horizontal spiegeln – kann online nichts finden. Hier ist es:
<svg id="bigHalfCircle" style="display: block;" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M 0,100 C 40,0 60,0 100,100 Z"/>
</svg>Jede Hilfe willkommen, Prost!
Robert Longson
Sie können einfach eine Transformation festlegen, um Dinge umzukehren, und dann die Form verschieben (wie sie um den Ursprung herum umgedreht wird).
<svg id="bigHalfCircle" style="display: block;" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path transform="scale(1, -1) translate(0, -100)" d="M 0,100 C 40,0 60,0 100,100 Z"/>
</svg>Fehlende % in Übersetzung (0, -100 %)
– manuell-84
28. August 2019 um 15:13 Uhr
@manuel-84 falsch, Sie können nur Einheiten mit CSS-Transformationen verwenden
– Robert Longson
28. August 2019 um 15:21 Uhr
Dies dreht vertikal, nicht horizontal
– Saro Verhees
1. September 2020 um 10:27 Uhr
Ja, es ist ein vertikaler Flip, dieselbe Idee, aber der negative Skalenwert muss der erste (X-Achse)-Parameter wie scale (-1, 1) sein. Es dreht sich auch nicht um die Mitte, sodass der Übersetzungsteil es einfach zurück auf die Leinwand verschiebt. Möglicherweise müssen Sie diese Zahl basierend auf der Größe, mit der Sie arbeiten, anpassen.
– Eam
23. Juli 2021 um 0:13 Uhr
Chris K
Wenn Sie CSS verwenden können (dies funktioniert beim Import in Inkscape nicht), können Sie auch eine CSS-Skalierungstransformation verwenden, die den Vorteil hat, dass sie standardmäßig auf der Mitte des Elements basiert: transform: scale(-1,1);
<svg id="bigHalfCircle" style="display: block; transform: scale(-1,1)" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
<path d="M 0,100 C 40,0 60,0 100,100 Z"/>
</svg> Vielen Dank, das hat großartig funktioniert, um ein inline deklariertes SVG in einem CSS-Stylesheet umzudrehen url("data:image/svg+xml
– kjones
24. Februar 2021 um 22:53 Uhr
