суббота, 12 февраля 2011 г.

SVG: Всплывающие подсказки


Формат SVG поддерживает создание всплывающих подсказок для своих элементов. С помощью Inkscape можно создавать такие подсказки.

1. Создайте в Inkscape новый документ. Нарисуйте несколько элементов. Это могут быть произвольные объекты, многоугольники, текст, группа элементов.


2. Выделите любой нарисованный объект. Для примера выделим произвольный объект. Далее открываем Редактор XML через меню Правка > Редактор XML (Shift+Crlt+X). В открывшемся редакторе будет выделена ветвь, в которой описывается выделенный объект. Создайте новый атрибут с именем title. В поле значения атрибута введите текст, который будет отображаться во всплывающей подсказке. Нажмите кнопку Установить и сохраните SVG-файл.


3. Сохранённый файл откройте любым современным браузером (Firefox, Opera, Chrome). Если подвести указатель мыши к объекту и ненадолго задержать его там, появится подсказка (работает не во всех браузерах).


4. Аналогично подсказка создаётся для текста или группы объектов. Подсказка будет появляться над каждым объектом в группе или над каждой буквой в слове.


Всплывающие подсказки могут применяться в автоматически генерируемых SVG-файлах (графики, отчёты), что придаёт документам больше удобства и интерактивности.

Комментариев нет:

Отправить комментарий