所有現代的Web瀏覽器都支持SVG ，它是您可以使用的最靈活的圖像格式 。 但是，從頭開始設計定制SVG并非易事。

這就是為什么像英雄圖案這樣的工具對設計師如此有價值的原因。 這是一個免費的可重復SVG模式庫，您可以使用不同的樣式，顏色和不透明性進行自定義 。

英雄模式有40多種不同的模式可供選擇，它們都列在首頁上。 向下滾動時，您將看到每個演示的實時演示 ，您可以單擊其中的任何一個以查看其外觀。

在頁面頂部，您會發現一個固定的欄，其設置可以更改前景色和背景色 。 背景色適用于平面 ，前景色適用于SVG中的圖案 。

由于自然的混合風格 ，很難提出一個糟糕的色彩組合（盡管當然仍然可能）。 模式范圍從棋盤格到詳細的重復圖標（如錨點）。

找到樣式后，您只需單擊該模塊即可查看更多信息的模態窗口。 在這里，您可以調整前景色/背景色 ，以及圖標的前景色不透明度 。

但是，真正的魔力發生在代碼片段框中 ，您可以在其中復制CSS以完全通過代碼嵌入SVG。 在CSS中，有一個base64()方法將字符串數據轉換為SVG數據 。 這是相當普遍的，并且也可以與其他圖像（例如PNG）一起使用。

因此，如果您不希望將SVG文件存儲在本地，則可以直接將CSS代碼復制/粘貼到樣式表中。 這樣會將正確背景的重復背景嵌入到您的網站中。 挺酷的！

或者，如果您想自己編輯SVG ，則可以下載未編輯的SVG映像的副本 。 這樣，您可以在Illustrator等設計軟件中手動進行所有編輯 。

Hero Patterns是使設計師能夠直接從瀏覽器完全控制SVG的少數工具之一。 重復的背景曾經僅僅依靠PNG，但是網絡標準已經足夠先進了， SVG可以取代它們了 。

要開始使用 ，只需訪問Hero Patterns主頁并瀏覽其模式庫 。 新模式會頻繁添加 ，因此請務必經常檢查一次。

翻譯自: https://www.hongkiat.com/blog/hero-patterns-svg-background-patterns/

總結

以上是生活随笔為你收集整理的svg 填充图案_设计师：从英雄图案中获取免费的SVG背景图案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。