看起来你已经在尝试用SVG图案实现PNG纹理填充并缩放的需求了，遇到不同尺寸路径下图像被拉伸的问题确实挺棘手的，我来给你几个针对性的解决思路：

思路1：让图案跟随图像原比例适配路径 #

你之前的问题核心在于给pattern设置了固定的viewBox="0 0 1000 1000"，这会强制图像适配这个固定比例，导致和路径宽高比不匹配时被拉伸。解决的关键是让pattern的比例和PNG原图保持一致：

1. 先确认你的PNG图像的实际宽高（比如假设是800x600）
2. 将pattern的viewBox设置为图像的实际宽高，同时配合preserveAspectRatio选项保证比例不被破坏
3. 调整图像缩放时，优先通过修改image的宽高（或transform）实现，而非强制pattern的尺寸

示例代码：

<svg width="1000" height="1000" viewBox="0 0 1000 1000">
    <defs>
        <!-- 用PNG原图的宽高作为pattern的viewBox，保持比例 -->
        <pattern id="patternImg" 
                 height="100%" width="100%" 
                 x="0" y="0" 
                 preserveAspectRatio="xMidYMid meet" 
                 patternUnits="objectBoundingBox"
                 viewBox="0 0 800 600">

            <!-- 这里通过transform: scale控制纹理缩放，也可以直接修改width/height实现 -->
            <image xlink:href="data:image/....." 
                   x="0" y="0" 
                   width="800" height="600" 
                   style="transform: scale(0.7);"/>
        </pattern>
    </defs>
  
    <path d="....." fill="url(#patternImg)" stroke="black"/>
    <path d="....." fill="url(#patternImg)" stroke="black"/>
</svg>

• preserveAspectRatio="xMidYMid meet"：让图像完整显示在路径范围内，按原比例适配，不会被拉伸（如果路径比例和图像不同，会留空）
• 如果需要图像完全覆盖路径（超出部分被裁剪），可以把meet换成slice

思路2：更稳定的缩放方式——直接调整图像尺寸 #

如果你觉得用transform: scale可能带来坐标偏移的问题，也可以直接修改image的宽高来实现缩放，这样更直观且稳定：

<svg width="1000" height="1000" viewBox="0 0 1000 1000">
    <defs>
        <pattern id="patternImg" 
                 height="100%" width="100%" 
                 x="0" y="0" 
                 preserveAspectRatio="xMidYMid slice" 
                 patternUnits="objectBoundingBox"
                 viewBox="0 0 800 600">

            <!-- 原图像800x600，缩放0.7倍后设为560x420 -->
            <image xlink:href="data:image/....." 
                   x="0" y="0" 
                   width="560" height="420" 
                   preserveAspectRatio="xMidYMid slice"/>
        </pattern>
    </defs>
  
    <path d="....." fill="url(#patternImg)" stroke="black"/>
    <path d="....." fill="url(#patternImg)" stroke="black"/>
</svg>

这种方式相当于直接生成了缩放后的纹理图像，再用pattern适配路径，避免了transform可能带来的图案对齐问题。

核心总结 #

你之前的方案问题出在固定pattern的viewBox尺寸，导致图像被迫适配非原生比例。只要让pattern的viewBox和PNG原图的宽高比保持一致，再配合preserveAspectRatio的meet/slice选项，就能让图像在任何尺寸的路径上都保持原比例，不会被拉伸。

备注：内容来源于stack exchange，提问作者Maria