SVG的 linearGradient 渐变色 渲染问题

背景
同一个页面多次调用相同的SVG，SVG中有linearGradient 渐变的属性，这时只有第一次调用时，渐变属性会生效，后面的调用可能不会生效

借用一下AI的解释：

如果在同一个页面上的同一个SVG被调用两次，而只有第一次调用中的渐变元素生效，那么可能是由于以下原因之一：

1. 重复定义：如果在页面中多次定义了相同的SVG元素，并且其中只有一次定义包含了渐变元素，那么只有第一次定义的SVG元素会生效。浏览器在处理SVG时，会使用第一个找到的相同元素定义，而忽略后续的定义。
2. 渲染问题：在某些情况下，浏览器可能会在渲染SVG时出现问题，导致渐变元素不显示或不起作用。这可能是由于浏览器的渲染限制或性能优化所致。

解决办法