Проблема отделения 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>

Однако это не работает. Браузер жалуется, что не может найти функцию загрузки 'init'. Есть идеи? Должен ли я что-то сделать, чтобы сообщить браузеру, что 'init' находится в 'lotsOfCode.js'?

Спасибо -

Al

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

Answer 2

<?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>

Answer 3

В дополнение к ответу Gillys, вы пытались переместить скрипт include для перехода к строке svg?

Как это:

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