Svg-Blob-Generator

Der SVG Blob Generator erzeugt organische, unregelmäßige geschlossene Formen mittels kubischer Bezierkurven und exportiert sie als sofort einfügbares SVG-Markup. Er nimmt N Punkte auf einem Kreis mit zufälligem radialen Versatz auf, glättet sie durch eine nachbarschaftsbasierte Tangentenberechnung und verbindet alles zu einem einzigen geschlossenen <path>. Eine Live-Vorschau und ein kopierbarer Codeblock liefern das Ergebnis unmittelbar.

1. Stellen Sie den Complexity-Regler (3 to 12) ein, um festzulegen, wie viele Ankerpunkte den Blob formen. 2. Stellen Sie den Randomness-Regler (0.10 to 1.00) ein, um zu steuern, wie weit jeder Punkt vom Basisradius abweichen darf. 3. Legen Sie die Size (100 to 500px) des quadratischen viewBox fest. 4. Erhöhen Sie optional die Stroke Width (0 to 10), um eine Kontur in derselben Farbe wie die Füllung hinzuzufügen. 5. Wählen Sie über das Farbfeld eine Fill Color aus. 6. Klicken Sie auf Randomize (oder bewegen Sie einen beliebigen Regler leicht), um die Form neu zu erzeugen. 7. Klicken Sie auf Copy, um den generierten SVG-Code in die Zwischenablage zu kopieren.

Das exportierte Markup ist ein einzelnes <svg> mit einem quadratischen viewBox von 0 0 {size} {size}. Es enthält einen <path>, dessen d-Attribut aus einer Reihe von C-(kubische-Bezier-)Befehlen besteht und mit Z geschlossen wird. Der Glättungsfaktor ist fest auf 0.2 eingestellt und wird aus dem Vektor zwischen den Nachbarpunkten jedes Punkts abgeleitet. Wenn die Stroke Width größer als 0 ist, erhält der Pfad zusätzlich die Attribute stroke und stroke-width in derselben Füllfarbe; andernfalls wird nur fill ausgegeben.