SVG 不規則圖形產生

如何使用SVG 不規則圖形產生

隨機產生有機感的不規則形狀（blob），匯出為 SVG、PNG 或 React 元件。可調整點數、起伏、層數、漸層填色和外框樣式，也能加上變形動畫。每個形狀由一個種子數產生，全部在瀏覽器中完成。

1. 1

   點「換一個」，或按 R 鍵、空白鍵，直到出現滿意的形狀，先前的形狀會保留在「最近產生」中。

2. 2

   在「形狀」中調整複雜度、起伏、大小和層數。

3. 3

   在「顏色」中選一組「配色方案」，或設定純色、漸層「填色」；只想要輪廓時把「樣式」改為「外框」。

4. 4

   設定畫布的「寬度」和「高度」，需要時開啟「背景色」，想讓形狀動起來就開啟「變形動畫」。

5. 5

   點「下載 SVG」，或選擇 1×、2×、4× 倍率後點 PNG；「複製 SVG」和「複製 React」會把程式碼複製到剪貼簿。

常見問題