如何在HTML中嵌入内嵌的SVG加载其xlink：href依赖项？

Question

我有SVG文件，我需要在HTML文件中嵌入内联（使用HTML5 <svg>标记）。这些SVG文件具有JavaScript依赖关系，如下所示：

<script type="text/javascript"
    xlink:href="http://gnuplot.sourceforge.net/demo_svg_4.6/gnuplot_svg.js">
</script>

这是一个具有该脚本依赖关系的standalone SVG图像。要激活JavaScript，您可以单击图像，然后在光标后面有一个框，告诉您（x，y）坐标。

但是，here is the same image直接嵌入到HTML文档中。根据网络检查员的说法，浏览器甚至都没有尝试加载JavaScript依赖项。当您单击并在图像上移动光标时，控制台会出现一堆参考错误。

如何使嵌入式版本加载其JavaScript并像独立版本一样运行？

Answer 1

您链接的文档中的代码使用自我关闭<script>但不起作用（不确定这是否是浏览器中的错误）。

编写代码时：

<script type="text/javascript"
    xlink:href="http://gnuplot.sourceforge.net/demo_svg_4.6/gnuplot_svg.js">
</script>

至少会加载脚本，但是脚本假定文档的根元素是<svg>元素（它使用getScreenCTM），而在HTML文档中，根元素将是{{1元素。

也许它不会帮助你，但你需要一个不同版本的脚本。