从下面的图片中可以看到，以SVG格式保存后，我在Adobe Illustrator中创建的项目已损坏：

项目组成部分：

完成的项目/ SVG：

SVG选项：
    SVG配置文件：SVG 1.1
    选项：
        图片位置：链接

如果我应该合并路径而不是重叠路径，或者其他原因，我很想知道我在做什么错。

最小的可复制示例

尝试创建一个可复制的示例，我意识到第二层中的路径以一种奇怪的方式进行了反应，如果将渐变滑块设置为50％或更高，则在mozilla firefox中，渐变会更轻松地失去＃F6EC48颜色

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="554.074px" height="237.102px" viewBox="0 0 554.074 237.102" enable-background="new 0 0 554.074 237.102"
     xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceonUse" x1="255.4512" y1="97.5811" x2="293.5728" y2="163.6096">
    <stop  offset="0" style="stop-color:#000000;stop-opacity:0.8"/>
    <stop  offset="1" style="stop-color:#F6EC48;stop-opacity:0"/>
</linearGradient>
<path fill="url(#SVGID_1_)" stroke="#000000" stroke-miterlimit="10" d="M238.048,152.873
    c18.596,22.147,77.841,13.558,80.465-15.033c2.625-28.591-24.098-54.162-41.876-51.329
    C258.858,89.344,225.774,138.256,238.048,152.873z"/>
</svg>

问题可能是mozilla firefox不支持的颜色吗？

小更新：

问题似乎是路径容器的倾斜度，我发布的第一个容器倾斜了几个等级：

<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="554.074px" height="237.102px" viewBox="0 0 554.074 237.102" enable-background="new 0 0 554.074 237.102"
     xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceonUse" x1="231.3887" y1="177.9214" x2="315.833" y2="177.9214" gradientTransform="matrix(0.5844 0.8114 -0.8114 0.5844 265.1226 -213.5356)">
    <stop  offset="0" style="stop-color:#000000;stop-opacity:0.8"/>
    <stop  offset="0.0617" style="stop-color:#1D1D16;stop-opacity:0.7507"/>
    <stop  offset="0.1976" style="stop-color:#47452D;stop-opacity:0.6419"/>
    <stop  offset="0.3352" style="stop-color:#6F6B3C;stop-opacity:0.5318"/>
    <stop  offset="0.4719" style="stop-color:#989245;stop-opacity:0.4225"/>
    <stop  offset="0.6073" style="stop-color:#BCB449;stop-opacity:0.3141"/>
    <stop  offset="0.7412" style="stop-color:#D9CF4A;stop-opacity:0.207"/>
    <stop  offset="0.873" style="stop-color:#EDE248;stop-opacity:0.1016"/>
    <stop  offset="1" style="stop-color:#F6EC48;stop-opacity:0"/>
</linearGradient>
<path fill="url(#SVGID_1_)" stroke="#000000" stroke-miterlimit="10" d="M235.332,96.394c-7.2,28.412,34.958,72.049,60.028,57.272
    c25.069-14.777,30.271-51.903,17.409-64.846C299.907,75.876,240.083,77.641,235.332,96.394z"/>
</svg>

如您所见，gradientTransform出现了更多偏移量...

有人可以解释我发生了什么事吗？