是的。只要頂點、不規則程度、大小、顏色和種子相同，每次都會產生相同的 SVG 路徑，這代表 SVG 斑點形狀只要記錄五個值就能重現。SVG 斑點產生器在您的瀏覽器內執行確定性的種子產生器：相同的設定搭配相同的種子，必定產生相同的點、相同的二次貝茲曲線指令，以及相同的標記內容。所有內容都不會上傳到伺服器，因此畫面上顯示的種子是唯一的真實來源——沒有隱藏狀態、遠端快取，也沒有稍後可供查詢的帳號歷史紀錄。種子是一個無號 32 位元整數，用來控制每個頂點的半徑變化，其餘幾何資訊（頂點數、不規則百分比、畫布大小和 HEX 填色）則不管使用哪個種子都維持不變。若要在其他裝置、其他瀏覽器，或幾個月後重建相同的斑點形狀，只要把同樣的五個值重新輸入到相同的控制項，並依序執行相同的工作流程即可。這點與 AI 生成或以圖片為基礎的斑點形狀不同，後者的底層模型或隨機性無法從頭重新執行。
可重現性的保證是內建於渲染機制中，而非作為儲存功能額外加入。只有在您按下「隨機化形狀」時，才會從瀏覽器的加密來源取得隨機資料；React 的重新渲染、水合作用，以及不相關的狀態更新，都不會在您不知情的情況下變更圖形。正是這樣的分離機制，讓同一個頁面可以在兩台電腦上開啟，餵入相同的五個值，並產生一模一樣的 SVG 字串，連最後一個四捨五入的座標都完全相同。
種子如何讓斑點形狀可重現
種子是唯一會破壞或恢復確定性的變數。頂點以等角度間隔的方式排列在畫布中心周圍，因此一旦設定頂點數，它們的角度就固定了。然而分配給這些頂點的半徑，則是由一個以目前種子作為輸入的確定性種子產生器所產生。按兩次「隨機化形狀」會產生兩個不同的種子，進而產生兩組不同的半徑，即使頂點數、不規則程度、大小和顏色相同，仍會產生兩條不同的路徑。相反地，兩個相同的種子值，無論何時何地詢問，都會讓產生器依序走過相同的序列，並產出相同的半徑。
一旦決定半徑後，路徑的組裝方式是從最後一個頂點與第一個頂點之間的中點開始，再以二次貝茲曲線將每一對相鄰的中點連接起來，該曲線的控制點即為原始頂點。W3C SVG 2 Paths 規範定義了該組裝流程所使用的移動、二次曲線和關閉路徑指令，而 MDN 的SVG path 元素參考則說明了在瀏覽器層級負責轉譯這些指令的語法。由於路徑的數學運算是封閉形式且座標精確的，只要輸入相符，產生的字串就能逐位元重新生成。
儲存這五個值以重建斑點形狀
可重現性只有在您記錄了正確的輸入值時才有用。請將種子視為最重要的關鍵值，並將四個幾何與顏色設定視為賦予種子意義的脈絡背景。下載的 SVG 會在檔名中包含種子，這對於臨時儲存很方便，但書面紀錄仍是最安全的做法，因為檔名會被檔案管理員和上傳流程在過程中截斷、重新命名或剝除。
| 參數 | 可接受範圍 | 控制項目 |
|---|---|---|
| 頂點數 | 3 到 12（整數） | 在畫布中心周圍放置的角度錨點數量 |
| 不規則程度 | 0 到 100（整數百分比） | 頂點之間半徑可變化的程度 |
| 大小 | 128 到 1024 像素（整數） | 正方形畫布的寬度、高度，以及對應的 viewBox |
| 填色 | 僅限六位數 HEX | 單一路徑的嚴格顏色；不接受顏色名稱或簡寫 |
| 種子 | 無號 32 位元整數 | 驅動半徑變化的確定性序列 |
請依此順序記錄下來，這樣無論日後在任何機器上重做形狀，工具所需的資訊就齊全了。產生器會拒絕無效的值，而不是靜默地限制範圍，所以輸入錯誤的範圍會以明顯的方式失敗，而不會產生誤導性的近似結果。如果您也希望紀錄中有一個快速的視覺指紋，可以在匯出後將檔案透過影像平均色查找工具，確認填色是否正確地往返還原。
逐步重建相同的 SVG 斑點形狀
- 在您想要重建形狀的裝置上開啟 SVG 斑點產生器；由於不會傳送任何資料到伺服器，因此任何現代瀏覽器皆可使用。
- 將儲存的頂點數輸入到頂點控制項。介面接受 3 到 12 的整數；超出該範圍的值會被拒絕，而不是被限制。
- 將儲存的不規則百分比輸入為 0 到 100 之間的整數。零會讓每個頂點擁有相同的半徑，而較大的值則允許更大的半徑變化，同時讓所有點保持在畫布邊界內。
- 從 128 到 1024 像素中選擇儲存的畫布大小。頁面上的預覽會隨版面縮放，因此請以數值而非渲染後的尺寸作為真實依據。
- 將儲存的六位數 HEX 顏色輸入填色控制項。在正常使用情況下，瀏覽器的色彩選擇器會提供有效的值，但手動輸入的項目仍必須與原始值完全相符；若您的筆記中包含前置的 #，也請一併保留。
- 將儲存的無號 32 位元種子輸入到種子欄位。頁面會立即重建 SVG 字串，預覽也會更新為您先前看到的相同半徑。
- 將預覽與原始形狀進行視覺比對。如果形狀相符，請複製標記內容或下載檔案，並貼到目標應用程式中。如果不相符，請先重新檢查所有五個值，再假設是種子的問題，因為幾何運算是封閉形式，不會在不同工作階段之間產生誤差。
- 在最終的瀏覽器、編輯器、電子郵件用戶端或內容系統中測試下載或複製的檔案，因為部分清理機制即使在標記本身是有效的 W3C SVG 2 path 資料時，仍會限制內嵌 SVG 或資料 URL。
重現後的檔案內容
下載的結果是真正的 SVG 文字，並編碼為資料 URL，因此稍後在調整大小、匯入或以相容的編輯器重新開啟時，仍會保持向量幾何。每個檔案都包含明確的寬度與高度、對應的 viewBox、可存取的影像標籤、一條 path，以及一組嚴格的六位數 HEX 填色。座標在序列化過程中會四捨五入到小數點後兩位，這讓檔案保持可讀且穩定，同時仍為 128 到 1024 像素的畫布範圍保留充足的精度。檔案中不包含漸層、描邊、陰影、裁切路徑、動畫、CSS 類別、metadata 區塊、最佳化處理或點陣後備方案——本工具是一個專注於形狀的產生器，而非完整的向量編輯器，因此若目標需要任何這些額外項目，必須在下游編輯器中另行加入。
由於渲染後的輸出只是文字，它也可以進行差異比對、版本控管，或貼到程式碼審查中。如果設計師與開發人員正在協作，只要共用種子與四個數值設定，任一方就能在不互相傳送圖檔或專屬設計檔案的情況下，重新產生相同的向量。一篇關於在線上產生 SVG 斑點的補充文章，會以不同重點介紹相同的匯出流程，供您作為第二份參考資料。
重複使用前的限制與合理性檢查
可重現性的保證涵蓋幾何與顏色，但不涵蓋使用情境。斑點形狀是裝飾性的幾何圖形，而非數學圓形、標誌安全距離規則、地理輪廓、生物模型或隨機生成的身分標記，因此同樣的五個值在兩種不同的背景下，或以兩種不同的顯示大小呈現時，可能會因為反鋸齒、子像素渲染或周圍的版面配置而看起來略有差異。增加頂點數可以讓輪廓更精細，但並不會提高匯出座標的精度，因為四捨五入步驟無論頂點數多寡都固定為兩位小數。較高的不規則程度也可能產生急遽的彎折或視覺上的不平衡，因此請在大小尺寸下都檢查過預覽後再決定採用。如果該形狀會放在文字背後，請使用專門的對比檢查工具檢查實際對比，並預留足夠的留白空間，而不是假設 SVG 的畫布邊界就能保證可讀性。
最後，當該形狀承載品牌識別時，請把種子視為值得保護的資訊。因為同樣的五個值能精確地重新產生該斑點形狀，任何擁有種子與設定的人都能鑄造出視覺上完全相同的向量。對於可重複使用的設計權杖，請將參數儲存在設計系統規格或程式碼註解中，而非放在公開的檔名裡，並把原始的 SVG 檔案與種子紀錄一併保存，以便在規格遺失時能重新推導出渲染結果。可重現性之所以強大，正是因為這份配方小到可以記住、短到可以分享——請務必妥善保護它。
若想更深入了解，請參閱在不上傳檔案的情況下產生 SVG 圖樣。