SVG模式不重復

Question

我正在玩SVG，正在研究此示例。 但是，在我的jsbin中，我的<rect>元素的模式沒有重復。
當我更改height和width屬性（不更改x，y屬性）時， rect svg對象在輸入較大的值時就會消失。
我只是將腳趾浸入SVG，所以我的知識非常有限。 我認為這很簡單，但是與我要處理的grid2.svg進行比較時，並沒有看到我做錯了什么。

Answer 1

你寫了這個...

<pattern id="OvalPattern2" patternUnits="objectBoundingBox" width="70" height="70" >

對於objectBoundingBox，單位1是使用它的形狀的大小。 因此您的圖案是使用該圖案的對象大小的70倍。 我懷疑您想要.7作為寬度/高度。