如何使嵌入在HTML中的SVG加载其xlink:href依赖项

How to make an SVG embedded inline in HTML load its xlink:href dependencies?

本文关键字：xlink href 依赖 加载 SVG 何使嵌 HTML 中的      更新时间：2023-09-26

我需要将 SVG 文件内联嵌入到 HTML 文件中（使用 HTML5 <svg> 标签）。 这些 SVG 文件有一个 JavaScript 依赖项，如下所示：

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

下面是具有该脚本依赖项的独立 SVG 映像。 要激活JavaScript，您可以单击图像，然后光标后面有一个框告诉您（x，y）坐标。

但是，此处是直接嵌入到 HTML 文档中的相同图像。 根据Web检查器的说法，浏览器甚至从未尝试加载JavaScript依赖项。 当您单击并在图像周围移动光标时，控制台会填满一堆引用错误。

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

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

编写代码时的代码：

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

将至少加载脚本，但随后脚本假定文档的根元素是<svg>元素（它使用 getScreenCTM），并且在 HTML 文档中，根元素将是<html>元素。

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

相关文章：