От автора: веб-разработчики при работе с SVG используют JavaScript в различных целях: анимация, интерактивность, создание и модификация элементов. Однако при добавлении скриптов внутрь SVG нужно учесть несколько моментов.
JS код можно добавить в любом месте SVG документа между открывающим и закрывающим тегами <svg>. На деле скрипт необходимо размещать в нижней части документа, чтобы избежать блокировки, а также чтобы скрипт имел полный доступ к DOM.
На большинстве ресурсов вам будут советовать прописывать MIME-тип (т.е. <script type=»text/javascript»> или <script type=»application/ecmascript»>). На самом деле это необязательно: JavaScript/ECMAScript по умолчанию работает в браузерах, и не нужно ничего указывать, даже в контексте SVG.
Также множество ресурсов советуют писать JS код в SVG документе внутри конструкции <[CDATA[

JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее 1 2 3 4 5 6 | <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 500 500"> <script>//<
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее 1 | <img src="getfunky.svg" alt="" > |
…любой JS код внутри файла будет игнорироваться (некоторые браузеры распознают SMIL , однако в скором будущем его все равно скоро запретят). Поправить данное недоразумение можно двумя способами:
Вставлять SVG напрямую в страницу, а не ссылаться на него через тег изображения:
1 2 3 4 5 6 7 8 9 | <html lang="en"> ... <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 500 500"> <script>//<
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Смотреть