Окно подключения JavaScriptфайла



Рисунок 8.16. Окно подключения JavaScript-файла


Щелкните на кнопке Add (Добавить) и найдите файл events.js на жестком диске.
После этого можно приступать непосредственно к заданию интерактивности. Это делается методами объектно-ориентированного программирования, через события и атрибуты к ним. Если вы занимались программированием хотя бы на любительском уровне, то вам все будет очень просто и знакомо.

  1. 1. В Event (Событие) палитры SVG Interactivity (SVG-интерактивность) выберите событие onmouseover и впишите в строке JavaScript: eLemStrokeWidth(evt, 'all', '2.5'). Это значит, что когда мышь будет находиться над фигурой, толщина обводки станет равна 2,5 пиксела.
  2. 2. Мы не станем комментировать значение следующих строк, так как это имеет отношение к программированию на JavaScript. Далее выберите onmouseout и впишите: elemStrokeWidth (evt, 'all', '1).
  3. 3. Выберите onmousedown и впишите: elemStrokeColor(evt, 'cross', '#003399').
  4. 4. Выберите onmouseup и впишите: elemStrokeColor(evt, 'cross', '#000000').
    Вот и все. После этого палитра SVG Interactivity (SVG-интерактивность) должна выглядеть как на Рисунок 8.17.


Содержание раздела