Html 将缩放SVG模式应用于转换路径

我不明白为什么缩放的平铺图案不能与所应用对象的边界完美对齐，在这种情况下：

作为参考，该模式定义如下：

<pattern id="tile" x="15" y="15" width="150" height="130"
    patternUnits="userSpaceOnUse" patternTransform="scale(.4,.4)">
    <image fill="#000000" width="150" height="130" preserveAspectRatio="none" xlink:href="http://good-b.com/wp-content/uploads/2011/06/star1.jpg"></image>
</pattern>

此外，此模式在此处应用：

<rect x="15" y="15" width="150" height="130" style="fill: url(#tile);" />

我特别困惑，因为模式的patternUnits属性被设置为userSpaceOnUse，模式和rect的x和y都是相同的，但是看起来模式有点偏移

我确定，如果将图案的x和y设置为37.5=15/.4，则边框确实正确对齐；然而，有没有更干净的方法来实现同样的目标？如果不是矩形，而是一个旋转了一定量的等效路径，那么问题就特别严重。我甚至不知道我将如何在那一点上正确定位和排列图案