У меня есть два способа загрузить svg - по ссылке или через строку данных в кодировке baseline 64.
Теперь учтите, что в svg встроено изображение, связывающее его с другим svg на том же сервере.
По какой-то причине, когда ссылка вложенного изображения является абсолютным путем, он не будет отображаться. Однако если ссылка является полностью определенным URL-адресом, она будет отображаться.
Почему?
<!-- base 64 loading -->
<object type="image/svg+xml" data="data:image/svg+xml;base64,..." />
<!-- url loading -->
<object type="image/svg+xml" data="/img/some.svg" />
<svg>
<image x="10" y="20" width="80" height="80" xlink:href="/path/a.svg" /><!-- works only with url loading -->
<image x="10" y="20" width="80" height="80" xlink:href="http://localhost/path/a.svg" /><!-- works with both url and base64 loading -->
</svg>