這是最佳免費在線 blob 生成器網站 的列表。斑點是一種模糊的形狀，光滑，具有隨機的果凍狀外觀。 Blob 沒有任何特定用途，但可用於 Web 上的用戶界面設計。您可以將其用作網頁上的背景元素或交互式設計元素。要做到這一點，您必須先製作 blob。
這篇文章涵蓋 6 個免費網站，您可以在這些網站上在線製作 blob。所有這些網站都有自己的 blob 生成方式。有些網站可以生成多種類型的 blob，而有些則僅限於實心或輪廓 blob。在這兩種情況下，您都可以配置 blob 的參數來製作自定義外觀。您可以選擇顏色、設置邊緣、平滑度等。話雖如此，讓我們通過列表來詳細檢查這些內容。
我最喜歡的在線 Blob Maker
MagicPattern.design 是我最喜歡的網站此列表在線製作 blob。這個網站總共可以製作 6 種類型的 blob。這還包括一個圖像 blob 和一個圖案 blob。它可以讓您在斑點之上應用顆粒過濾器。該網站的另一個亮點是它允許您以多種文件格式和代碼導出 blob。
您可以查看我們的其他最佳免費在線 CSS 形狀生成器網站、在線 CSS Flexbox 生成器網站和在線 CSS 邊框半徑生成器網站列表。
概覽表:
MagicPattern.design
MagicPattern.design 是一個提供一系列在線工具的免費網站。它有一個免費的 blob maker 工具。此工具可讓您製作多種類型的斑點。在左側的頂部，您可以選擇是否要製作實體、輪廓、漸變、圖像或圖案斑點。根據您的選擇，您可以自定義相應的 blob 參數。此外，您可以設置邊緣和平滑度。如果需要，您還可以應用穀物過濾器。這樣，您就可以生成 blob。生成 blob 後，您可以將其導出為 PNG、JPG 或 SVG 文件。您還可以復制 blob 的 CSS 代碼。
亮點:
Blob 類型:實體、輪廓、線性漸變、徑向漸變、圖像和圖案。 參數:邊緣、平滑度和顆粒過濾器。 輸出:PNG、JPG、SVG 和 CSS 代碼。
SuperDesigner.co
SuperDesigner.co 提供免費的在線 blob 生成器工具。此工具允許您生成規則、漸變、堆疊、雙重和圖案斑點。您可以選擇要生成的 blob 類型。根據您的選擇，它會加載您可以自定義的 blob 屬性。除此之外，您還可以設置斑點的邊緣、平滑度和輪廓。有了它，您可以製作所需的 blob，然後將其導出為 PNG、JPG 或 SVG。您還可以設置輸出的比例並獲取 SVG 代碼。
亮點:
Blob 類型:Regular, Gradient, Stacked, Dual,和彭定康。 參數:邊緣、平滑度和輪廓。 輸出:PNG、JPG、SVG 和 SVG 代碼。
AngryTools.com
AngryTools.com 有一個免費的在線 blob maker 工具。這是一個簡單的工具，可為您提供所創建的 blob 的 SVG 代碼。它可以製作實心和漸變斑點。您可以選擇要製作的斑點類型並相應地選擇顏色。之後，您可以選擇是否要向 blob 添加動畫。如果要添加動畫，可以使用浮動和旋轉動畫。否則，您可以不使用動畫選項。最後，此工具會顯示 blob 的 SVG 代碼。您可以復制該代碼並在任何可能的地方添加 blob。
亮點:
Blob 類型:實心和漸變。 參數:動畫:浮動和旋轉。 輸出:SVG代碼。
BlobMaker.app
BlobMaker.app 是一個免費的在線 blob maker web 應用程序。這個應用程序允許您在幾秒鐘內製作一個簡單的 blob。它在屏幕上顯示了 blob 的實時預覽。在此之下，您可以獲得選擇斑點顏色並配置邊緣和平滑度的選項。您可以自定義這些參數以製作所需的斑點形狀。完成後，您可以使用給定的按鈕獲取輸出。您可以將 blob 另存為 SVG 圖像。或者您可以獲得它的 SVG 代碼。
亮點:
Blob 類型:常規。 參數:邊緣、平滑度和顏色。 輸出:SVG 文件和 SVG 代碼。
Fah-tool.org
Fah-tool.org 提供免費的在線 blob maker 工具。這是一個相當簡單的 blob maker 工具。它在屏幕上有一個示例 blob，下面有一些參數。這裡的 blob 類型僅限於 solid。但是您可以更改尺寸並配置參數的邊緣。當您進行更改時，它會更新 blob 的 CSS 代碼。完成後，您可以復制 blob 的 CSS 代碼並將其用於您的預期目的。
亮點:
Blob 類型:純色。 參數:邊和尺寸。 輸出:CSS 代碼。
Blob-generator.omar.repl.co
Blob-generator.omar.repl.co 是另一個可以在線製作 blob 的網站。此工俱生成斑點圖案。模式有些固定，但您可以調整參數以進行一些更改。您可以設置列數、行數和邊框半徑，並選擇前景色和背景色。然後還有一些您可以使用的其他參數。這裡沒有直接的方法來保存 blob。它提供了一個將 blob 保存為 PNG 圖像的屏幕截圖選項。
亮點:
Blob 類型:模式。 參數:列、行、大小、邊界半徑、顏色、鏈接概率、傾斜影響和網格比例。 輸出:PNG。
相關帖子
寫評論