SVG 圖案產生器

為背景和紋理建立重複的 SVG 圖案。

SVG 圖案程式碼

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs>
<pattern id="pat" width="40" height="40" patternUnits="userSpaceOnUse">
<rect width="40" height="40" fill="#f0f0ff" />
<circle cx="20" cy="20" r="3" fill="#6366f1" />
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#pat)" />
</svg>

SVG 圖案產生器

SVG 圖案產生器可為背景和紋理建立重複圖案。使用可無限縮放的 SVG 定義，非常適合網頁背景和平面設計。

安全

代碼

內容

隨機

實用工具

PDF

資料

文件

格式化工具

圖片

SVG 圖案產生器

SVG 圖案程式碼

SVG 圖案產生器