Original vs. SVG (Bauanweisung)
Links das Original-PNG von sucea.de. Rechts die SVG, berechnet aus der Bauanweisung mit exakten Koordinaten, Gradient-Achsen und Pfaddaten.
Original (PNG)
SVG (Bauanweisung)
Bildmarke & Logo
Bildmarke (full)
Bildmarke (flat)
Logo (dunkler Grund)
Logo (heller Grund)
Geometrie-Dekonstruktion
Alle Werte aus der Bauanweisung. Grundmodul X = Ø/12. Ursprung im Kreismittelpunkt.
Kreis
Mittelpunkt (0, 0), Radius r = 6 X, Durchmesser Ø = 12 X
Nahtpfad
M 2.05 -5.64 C -3.25 -3.25 -3.75 -2.5 -1.25 0 C 1.5 2.75 2.5 2.75 -1.35 5.85
Stützpunkte
A = (2.05, -5.64) — Eintritt auf Kreis (6 ∠ −70°)
W = (-1.25, 0.00) — Wendepunkt
B = (-1.35, 5.85) — Austritt auf Kreis (6 ∠ 103°)
Griffe
A1 = (-3.25, -3.25) — Griff von A
A2 = (-3.75, -2.50) — Griff von W
B1 = (1.50, 2.75) — Griff von W
B2 = (2.50, 2.75) — Griff von B
Nut
Stärke 1.4, Versatz (-0.2475, -0.2475) = 0.35 unter 225°. Farbe #1A1A1A. Liegt hinter der Naht.
Naht
Stärke 1.0. Gradient: #3AC0E9 → #0C7C9C entlang Lichtachse −101°.
Kugel-Verlauf
Linear, Lichtachse -101°. Hell #B9B9B9 → Mitte #555555 → Dunkel #0A0A0A. gradientUnits="userSpaceOnUse".
Wendepunkt-Invariante
W−A2 und B1−W zeigen exakt unter 45°: Δx = Δy mit Toleranz 0,001. Garantiert knickfreien Übergang.
Markenfarben
Schicht-für-Schicht
Die Bildmarke besteht aus 4 Schichten, die in dieser Reihenfolge gezeichnet werden:
Schicht 1: Kugel
Gefüllter Kreis mit linearem Verlauf (−101°). Hell oben links, dunkel unten rechts. fill="url(#sucea-ball)"
Schicht 2: Nut (dunkel)
Gleicher Pfad wie Naht, aber versetzt um (-0.2475, -0.2475). Stroke #1A1A1A, Breite 1.4. Erzeugt Schatten unter der Naht.
Schicht 3: Naht (cyan)
Unversetzter Pfad. Gradient #3AC0E9 → #0C7C9C entlang −101°. Breite 1.0. stroke-linecap="butt" (keine runden Enden).
Schicht 4: Clip-Maske
Alle Naht/Nut-Pfade werden auf den Kreis beschnitten. Die Enden laufen über den Kreisrand hinaus und werden unsichtbar geschnitten.
Downloads
Alle SVGs nach Bauanweisung. idPrefix: sucea. Für mehrere Instanzen auf einer Seite Präfix ändern.