SOURCE

let data = [`<svg data-v-5000e08e="" width="676" height="120" viewBox="0 0 676 120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <linearGradient id="grad10_1" x1="0" y1="0" x2="100%" y2="100%" gradientUnits="userSpaceOnUse">
        <stop offset="0%" style="stop-color: rgb(0, 254, 255); stop-opacity: 1;"></stop>
        <stop offset="100%" style="stop-color: rgb(0, 223, 176); stop-opacity: 1;"></stop>
      </linearGradient>
      <rect width="476" height="8" rx="4" opacity="0" fill="url(#grad10_1)" x="100" y="0">
        <animate attributeName="y" values="120;0;0" keyTimes="0; 0.000991801110817244; 1" dur="302480ms" keySplines="0.25,0.1,0.25,1;0.25,0.1,0.25,1" calcMode="spline"></animate>
        <animate attributeName="height" values="120;120;8;8" keyTimes="0; 0.0006612007405448294;0.001983602221634488; 1" dur="302480ms" keySplines="0.25,0.1,0.25,1;0.25,0.1,0.25,1;0.25,0.1,0.25,1" calcMode="spline"></animate>
        <animate attributeName="width" values=" 676 ; 676 ;476;476 " keyTimes="0; 0.0016530018513620736;0.0029754033324517325; 1" dur="302480ms" keySplines="0.25,0.1,0.25,1;0.25,0.1,0.25,1;0.25,0.1,0.25,1" calcMode="spline"></animate>
        <animate attributeName="x" values=" 0 ; 0 ;100;100 " keyTimes="0; 0.0016530018513620736;0.0029754033324517325; 1" dur="302480ms" keySplines=" 0.25,0.1,0.25,1;0.25,0.1,0.25,1;0.25,0.1,0.25,1" calcMode="spline"></animate>
        <animate attributeName="opacity" values="1 ; 1 ;0" keyTimes="0; 0.9983469981486379;1" dur="302480ms"></animate>
      </rect>
      <foreignObject width="676px" height="120px" id="foreignObject0_1" name="theme" opacity="0" y="0">
        <div style="display: inline-block; font-size: 72px; white-space: nowrap; min-width: 200px; font-weight: bold; text-align: center; line-height: 120px; color: rgb(0, 0, 0); font-family: &quot;Source Han Sans CN&quot;; text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px;">
          <div style="padding: 0px 22px; box-sizing: border-box;">主题文字(双击编辑)</div>
        </div>
      </foreignObject>
      <animate xlink:href="#foreignObject0_1" attributeName="opacity" values="0;0;1;1;0" keyTimes="0;0.0016530018513620736;0.0029754033324517325;0.9983469981486379;1" dur="302480ms"></animate>
      <animate xlink:href="#foreignObject0_1" attributeName="y" values="20;20;0;0" keyTimes="0;0.000991801110817244;0.0026448029621793175;1" dur="302480ms"></animate>
    </svg>
    `].join('/n');
      svgToImage(data, (err, image)=> {
        
      })