Html 为什么我的SVG的模式图像比它的路径大？

各位!！ 我想我有个问题：

接下来，我从一个图像（镜像的框架）创建了一个路径，并将该图像作为svg路径的填充模式应用。我不明白为什么图案图像会像你在照片上看到的那样变大。以下是加价：

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="100%" height="100%"
     viewBox="0 0 1949 2220"
     preserveAspectRatio="xMidYMid slice">
    <defs>   
        <pattern id="mirror" height="100%" width="100%"
                 patternContentUnits="userSpaceOnUse"
                 viewBox="0 0 1 1"
                 preserveAspectRatio="xMidYMid slice">
            <image xlink:href="mirror.jpg"
                   preserveAspectRatio="xMidYMid slice" 
                   x="0" y="0"
                   width="1" height="1" />
        </pattern>
    </defs> 

    <path .................

模式的定义与教程中的不同。你试过按照他们建议的方式做吗

<pattern id="mirror" patternUnits="userSpaceOnUse" width="1949" height="2220">
  <image xlink:href="mirror.jpg" x="0" y="0" width="1949" height="2220" />
</pattern>


请发布工作日志。SVG缺少一半，因此很难找出它的问题所在。@PaulLeBeau这是SVG，这是一个完整的页面：@PaulLeBlau整个项目和所有资源都在这里是的，你是对的，你的代码工作得很好。谢谢
<pattern id="mirror" patternUnits="userSpaceOnUse" width="1949" height="2220">
  <image xlink:href="mirror.jpg" x="0" y="0" width="1949" height="2220" />
</pattern>