Raphael重複背景圖案

Question

我想重複使用正方形（有點像藍圖）作爲整個SVG元素的背景圖案。我正在使用拉斐爾。我怎樣才能做到這一點？

我想用SVG而不是圖像做這個，因爲我用SetViewBox平移/縮放SVG，我希望背景也可以適當縮放。

Answer 1

一種選擇是通過paper.rect()以通常的方式渲染這些方塊。可能會很昂貴，但如果帆布尺寸可能會增大，則需要一些維護。

另一種選擇是做一個圖案填充，paper.rect(0,0,100,100).attr({fill: "url(images/pattern.png)"});（見this tutorial），它應該自動重複它給出的圖像。不過，我自己並沒有這樣做，所以我不確定在你做SetViewBox()時這個模式是如何縮放的。