SVG图案和图像宽度和高度如何工作？

Question

所以我正在尝试使用SVG模式，试图找出我需要的宽度和高度值。这是示例代码。还有什么是x和y值？我的代码中是否需要x = 0和y = 0？

    <defs>                              
        <pattern id="patt1" patternUnits="userSpaceOnUse" width="10" height="10">
            <image xlink:href="Images/pattern1.jpg" x="0" y="0" width="50" height="20" />
        </pattern>
    </defs>

Answer 1

如果您的形状为20个单位宽/高的矩形，并且您的图案大小为10个单位，则将以2 x 2图案显示4个图案副本。

x / y值允许图案在形状内偏移。