svgファイルからjsを分離する問題

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

ではなくsrcのxlink:hrefを使用してみてください：

<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)" > 

Answer 2

Gillysの答えに加えて、あなたはsvgの行の前に行くためにスクリプトをインクルードしようとしましたか？このよう

： "スクリプトのHREFの名前空間接頭辞のxlink定義されていません"：

<script type="application/ecmascript" src="lotsOfCode.js"> 
</script> 
<svg id="chart" 
    xmlns="http://www.w3.org/2000/svg" 
    onload="init(evt)" > 
</svg> 

Answer 3

<?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" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    onload="init(evt)" > 
<script type="text/ecmascript" xlink:href="lotsOfCode.js"></script> 
    <circle id='BlueCircle' cx='25' cy='25' r='20' style='fill:blue; '/> 
</svg>