如何使 HTML 中嵌入的 SVG 内联加载其 xlink:href 依赖项?
How to make an SVG embedded inline in HTML load its xlink:href dependencies?
我有 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 并像独立版本一样运行?
您 link 文档中的代码使用了自动关闭 <script>
并且不起作用(不确定这是否是浏览器中的错误)。
您编写的代码:
<script type="text/javascript"
xlink:href="http://gnuplot.sourceforge.net/demo_svg_4.6/gnuplot_svg.js">
</script>
至少会加载脚本,但随后脚本假定文档的根元素是 <svg>
元素(它使用 getScreenCTM),而在 HTML 文档中,根元素将是 <html>
元素.
也许它对你没有帮助,但你需要不同版本的脚本。
我有 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 并像独立版本一样运行?
您 link 文档中的代码使用了自动关闭 <script>
并且不起作用(不确定这是否是浏览器中的错误)。
您编写的代码:
<script type="text/javascript"
xlink:href="http://gnuplot.sourceforge.net/demo_svg_4.6/gnuplot_svg.js">
</script>
至少会加载脚本,但随后脚本假定文档的根元素是 <svg>
元素(它使用 getScreenCTM),而在 HTML 文档中,根元素将是 <html>
元素.
也许它对你没有帮助,但你需要不同版本的脚本。