Radial Gradient under horizontal transform

radial_gradient_appear_linear.svg

<svg viewBox="-301 -206 802 431" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <style>
    .label { font: 64px sans-serif; stroke-width: 0; stroke: black; fill: #1a2127; }
  </style>
  <defs>
    <radialGradient id="radgrad-pad"
                    gradientUnits="userSpaceOnUse"
                    fx="-5000" fy="0" fr="120"
                    cx="10000" cy="0" r="130"
                    spreadMethod="pad">
      <stop offset="0%" stop-color="#DA0025"/>
      <stop offset="50%" stop-color="#FFC600"/>
      <stop offset="100%" stop-color="#0052AB"/>
    </radialGradient>
    <rect id="filled-rect" x="-300000" y="-200000" width="800000" height="400000" stroke-width="2" stroke="gray"/>
  </defs>
  <g transform="scale(0.001 1)" class="spreadmethod-repeat">
    <use href="#filled-rect" fill="url(#radgrad-pad)"/>
  </g>

</svg>