在 CSS 中創建圖案筆刷是一種強大的技術，它使您能夠創建復雜的視覺效果和紋理。使用 createpatternbrush() 函數，您可以利用圖像、漸變和 SVG 文件來定義自己的自定義筆刷。

語法

createpatternbrush(brushImage, x, y, width, height, repeat) brushImage ：要作為圖案筆刷使用的圖像、漸變或 SVG 文件。 x 和 y ： 圖案在畫布上的起始位置。 width 和 height ：圖案的寬度和高度。 repeat ：指定圖案在畫布上如何重復（可選）。

使用圖像

您可以使用圖像作為圖案筆刷：```css.pattern-image {background: createpatternbrush(url("image.png"), 0, 0, 100px, 100px);}```

使用漸變

您還可以在 createpatternbrush() 函數中使用漸變：```css.pattern-gradient {background: createpatternbrush(linear-gradient(ff0000, 00ff00), 0, 0, 100px, 100px);}```

使用 SVG

您可以利用 SVG 文件來創建復雜的圖案筆刷：```css.pattern-svg {background: createpatternbrush(url("pattern.svg"), 0, 0, 100px, 100px);}```

重復模式

您可以使用 repeat 參數指定圖案如何在畫布上重復。以下選項可用： repeat-x ：在水平方向重復圖案。

---

---

相關標簽： 使用、 DATABASE語句創建數據庫、 解鎖無限的圖案筆刷潛力、 createpatternbrush、 使用CREATE、

上一篇：使用createpatternbrush點亮您的畫布創建迷

下一篇：利用createpatternbrush提升您的設計一步一