javascript - 将 js 从 svg 文件中分离出来时出现问题

Question

我有一个 svg 文件，它几乎完全由脚本组成。我想将脚本分离出来，以便我可以通过压缩器运行它，但我找不到方法来做到这一点。如有任何帮助，我们将不胜感激。

svg 文件如下所示:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg id="chart"
     xmlns="http://www.w3.org/2000/svg"
     onload="init(evt)" >

<script type="application/ecmascript">
<![CDATA[
...lots of code
//]]>
</script>
</svg>

我所做的是将“大量代码”提取为lotsOfCode.js，并将svg文件更改为:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg id="chart"
     xmlns="http://www.w3.org/2000/svg"
     onload="init(evt)" >

<script type="application/ecmascript" src="lotsOfCode.js">
</script>
</svg>

但是，这不起作用。浏览器提示找不到 onload 'init' 函数。有任何想法吗？我是否需要做一些事情来告诉浏览器“init”位于“lotsOfCode.js”中？

谢谢-

铝

Answer 1

尝试使用xlink:href而不是src:

<script type="text/ecmascript" xlink:href="lotsOfCode.js"></script>

编辑:您还需要引用 xlink 命名空间:

<svg id="chart"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     onload="init(evt)" >