我有一个复杂的svg，但作为一个例子考虑我有以下svg
<svg id="circle-svg" width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
要将其包含在img标记中，我需要将其另存为单独的文件 circle.svg然后将其包含在img中作为
<img src="circle.svg" />
问题： 假设我不想拥有单独的文件，是否可以根据id左右将其包含在图像中？
<img src="#circle-svg" />
附加背景：
其中一个主要原因是，我应该能够根据容器调整svg的大小说宽度：100％或高度：100％，svg的内容使用绝对路径，因此我不能拥有svg维度本身的百分比所以想把它包含在图片标签中