Меню "Файл" - "Экспорт в:" - "Масштабируемая Векторная Графика"

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

"Scalable Vector Graphics (SVG, "Масштабируемая Векторная Графика")" - это стандарт Консорциума WWW, определяющий описание векторных изображений в формате XML. Файлы с такими изображениями могут показываться в веб-браузерах как с помощью встроенных функций (в браузере Mozilla Firefox), так и посредством специальных plug-in'ов (например, Adobe SVG Viewer в Internet Explorer). Надо сказать, что поддержка SVG различными браузерами реализована в различной степени и в целом пока оставляет желать лучшего, хотя и заметно улучшается от версии к версии. Так, Internet Explorer до сих пор (до версии 7) не имеет встроенной поддержки SVG, поэтому пользователям приходится устанавливать plug-in, чтобы посмотреть векторное изображение.

Программа "Родственники" может генерировать SVG файлы как встроенные в интерактивную гипертекстовую (HTML) страницу, так и отдельные SVG файлы. Такую страницу можно просматривать в браузере. Интерактивность её заключается в том, что рамки тех родственников, которые имеют комментарий или ссылки, реагируют на щелчки мышью показом сведений об этих родственниках. Отдельные SVG файлы такой интерактивностью не обладают и предназначены в основном или для импорта в векторные графические редакторы (Adobe Illustrator, CorelDRAW) или для передачи в бюро печати для распечатывания дерева на широкоформатных плоттерах.

Элементы диалогового окна "Экспорт в Масштабируемую Векторную Графику":

  1. Переключатели "Экспортировать Все/Выделенное" позволяет выбрать: все дерево или только его выделенная часть будет экспортирована.
  2. Переключатели "Создать SVG в HTML/Только SVG" позволяет создать либо html-страницу и интерактивный svg-файл, который будет в ней показываться, либо только отдельный неинтерактивный svg-файл для печати и импорта.
  3. Группа переключателей "Фон" позволяет задать фон рисунка:
    Обычный - тот, который используется в самой программе;
    Белый - соответственно, белый.
  4. Переключатель "Добавить персональные сведения" указывает, делать ли HTML страницу интерактивной. Если переключатель включен, то в поддиректории [имя_html_страницы]_files будут созданы файлы, содержащие сведения о родственниках. Эти сведения будут показываться в отдельном окне браузера при нажатии мышкой на рамку соответствующего родственника.
  5. Выпадающий список "Кодировка" позволяет задать кодировку таких файлов с персональными сведениями. О кодировке см. также здесь.
  6. Переключатель "Сжатый (.svgz)" создает сжатый svg-файл с расширением .svgz.
    Примечание: Сжатый svgz-файл, встроенный в html-страницу не будет работать в браузере Mozilla Firefox.
  7. После нажатия на кнопку "Экспорт" появится диалоговое окно для ввода имени файла. Если создается "SVG в HTML", то необходимо указать имя html-файла (по умолчанию предлагается создать файл с именем имя_файла_дерева.html). Кроме этого, в этой же директории будет создан файл имя_html_файла.svg (или .svgz) и, если отмечен флаг "Добавить персональные сведения", директория имя_html_файла_files с информационными файлами для родственников и семей (только тех, кто имеет комментарии и/или ссылки).
    В случае, если создается "Только SVG", то будет создан единственный svg (или svgz) файл с заданным именем.

Навигация по SVG-дереву

SVG-файл, показываемый в html-странице, содержит встроенный JavaScript, обеспечивающий навигацию по дереву и показ информационных файлов родственников.

Первоначально, при открытии страницы, дерево показывается так, чтобы оно полностью помещалось в окне браузера. Масштаб изображения при этом может быть очень мелким, если дерево большое.

    Четыре кнопки в левом верхнем углу окна предназначены для изменения масштаба:
  1. Кнопка - устанавливает масштаб 1:1;
  2. Кнопка - устанавливает такой масштаб, чтобы дерево полностью помещалось в окне браузера (как при открытии страницы);
  3. Кнопка - увеличивает масштаб примерно на 40%;
  4. Кнопка - уменьшает масштаб примерно на 40%.

Центр изменения масштаба при использовании этих кнопок - всегда центр окна браузера.

Если держать нажатой клавишу Ctrl и щелкнуть по дереву в место свободное от рамок родственников, то масштаб увеличится примерно на 40%.

Также, если держать нажатой клавиши Ctrl и Shift и щелкнуть по дереву в место свободное от рамок родственников, то масштаб уменьшится примерно на 40%.

Центр изменения масштаба при использовании мыши - всегда место щелчка.

Дерево можно целиком перемещать в любом направлении, "ухватив" его мышкой в любом месте, свободном от рамок родственников.

Щелчок мыши на рамке родственика, над которой курсор мыши превратился в "лапку", откроет отдельное окно браузера со сведениями об этом родственнике (если он имеет комментарии и/или ссылки).

Примечание: Не рекомендуются для показа в виде SVG-графики очень большие деревья (больше 1000 персон), т.к. в силу врожденных особенностей данной технологии рисунки с большим количеством элементом перерисовываются довольно медленно. Это выражается в замедленной реакции на перемещения/изменения масштаба - иногда на несколько секунд! Adobe SVG Viewer plug-in в этом отношении несколько быстрее, чем другие, особенно встроенный SVG-показ в Mozilla Firefox.

См. также:
Страница загрузки Adobe SVG Viewer'а на сайте Adobe.
Справочный интернет-ресурс по векторной графике.
Страница веб-сайта Консорциума WWW, посвященная формату SVG.