在 HTML 上显示包含 GraphViz 创建的 SVG 链接

Question

从以下 test.dot 文件创建 SVG：

digraph {

    google[label="google"
        URL="https://google.com"
        target="_blank" fontcolor=blue
    ]
}

使用“dot -Tsvg test.dot > test.svg”，创建一个test.svg。

SVG可以在下面的.html中显示

<object data="test.svg" type="image/svg+xml">

该链接在 Chrome 中可点击。

现在，如果我在

object

行下添加另一行

<a href="https://stackoverflow.com/">Stackoverflow</a>

新的

href

不会显示在 Chrome 中。

如果我在 .html 中使用

img

和

href

<img src="test.svg">
<a href="https://stackoverflow.com/">Stackoverflow</a>

然后

stackoverflow

与 svg 一起显示，但 SVG 中的链接不再可单击。

如何使 SVG 可点击并且同时显示

stackoverflow

href？

Answer 1

您只需将结束标签添加到

<object>

标签，如下所示：

<object data="test.svg" type="image/svg+xml"></object>
<a href="https://stackoverflow.com/">Stackoverflow</a>