如何在SVG中将链接写为URL相对而不是webserver root（Filesystem）相对？

Question

当我在SVG文件中添加链接时，例如

<a xlink:href="target.htm"></a>

然后将此链接视为文件系统 - 相对于SVG所在的位置，例如（假设为Wordpress设置）它变为www.example.com/wordpress/wp-content/themes/mytheme/mysvgfolder/target.htm。

在HTML中执行此操作（与SVG文件位于相同的文件系统路径中），如<a href="target.htm">my Link</a>，无论实际的文件系统路径是什么，链接实际上都会获得www.example.com/prettyurl/target.htm。

如何在SVG文件中输入相对链接以实际获取与我的prettylink结构相关的（HTTP-）URL相对链接？

绝对路径对我来说是没有选择的，因为SVG文件应该用于不同的域和不同的文件系统路径。

Answer 1

您不需要将域名放入您可以使用

<a xlink:href="/wordpress/wp-content/themes/mytheme/mysvgfolder/target.htm">

这会扩展以反映域名，但不会相对于文件位置。

或者使用HTML <base>标记，然后所有相对链接都相对于<base>标记位置。如果你这样做的话，你需要小心内部链接。