我有 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 文档中。根据 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>元素。
也许它对您没有帮助，但您需要不同版本的脚本。
关于javascript - 如何使嵌入在 HTML 中的 SVG 加载其 xlink :href dependencies?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34896911/