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作为宽度/高度。