еще платформа разработчика: "Учет на телефоне"


Использование векторного фоторедактора


Работа с векторной (расширение svg) графикой позволяет рисовывать на подложке из растрового изображения (jpg, gif, png) линии, прямоугольники, круги и элипсы, текст. Это удобно для выделения или объяснения части изображения. С помощью svg-редактора можно "заставить" вставленные фигуры и/или текст при щелчке на них мышью вызывать всплывающую подсказку в виде отдельного окошка в котором может содержаться текст и изображения ( в т.ч. и svg).

Для создания svg изображения, выбирается папка с изображениями, а затем и нажимается кнопка "создать новый svg":

После чего открывается окно фоторедактора для работы с векторной (расширение svg) графикой:

 

На снимок нанесены пояснения не только с целью показать кнопки управления, но и как иллюстрация сказанного выше. При добавлении элементов (фигур и текста) следует иметь ввиду, что вновь добавленные элементы накладываются на те, что уже есть в рабочей зоне. Т.е. самый первый элемент находится на заднем плане, а новый на переднем. Поэтому всегда следует сначала добавить фоновое изображение, а потом добавлять фигуры и текст. Для каждой фигуры открывается инструментальная панель, которую можно закрыть и открыть впоследствии. После добавления размеры и положение фигур можно изменить как в инструментальной панели фигуры, так и непосрдственно мышью. Например, "зацепив" конец линии, можно изменить его положение, а "зацепив" середину линии, можно перетащить всю линию. Размеры прямоугольника изменяются перетаскиванием правого нижнего угла. Размеры элипса ( и как частный случай круга) меняются перетаскиванием правого или нижнего края. Прямоугольник, элипс и текст перетаскиваются на другое место, если "зацепить" их где-то внутри. Как уже было сказано, параметры и положение фигуры, можно изменить в ее инструментальной панели. Окно редактирования фигуры открывается как при создании нового элемента, так и в режиме выбора элемента для редактирования, когда указателем мыши щелкнуть на фигуре:  

На снимке эрана svg-редактора показан пример создания описания к изображению туфлей. Т.е. сначала было добавлено фоновое изображение - фото туфлей. Затем добавлены фигуры и произведены настройки. Обратите внимание, что для текста задан режим "использовать click мышью..." и указано по какой ключевой фразе искать подсказку в базе подсказок (система подсказок описана отдельно). После завершения работы следует нажать либо кнопку для сохранения изменений уже имеющегося файла, либо кнопку записи результата работы в новый файл. Рабочий результат показан ниже:


WEB-платформа для владеющих PHP
» новации,ускоряющие разработку <IMG>-вых сайтов!