提取 SVG 中元素如何解决引用其他元素的问题？

就想提取 SVG 中第一层的元素，像下面的 SVG：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="78" y1="269.543" x2="237" y2="269.543">......</linearGradient>
    <symbol  id="test" viewBox="-16.126 -14.41 32.251 28.819">...</symbol>
    <rect x="78" y="203.043" style="fill:url(#SVGID_1_);" width="159" height="133"/>
    <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
    <g>
        <use xlink:href="#test" width="32.251" height="28.819" x="-16.126" y="-14.41" transform="matrix(1 0 0 -1 402.9284 846.39)" style="overflow:visible;"></use>
    </g>
</svg>

要提取rect，circle，g元素，但是rect引用了linearGradient，g引用了symbol，这个问题咋解决呢？
这个库可以把元素转化为 svg 文本，但是没解决引用的问题。