Перечень статей   Цветовые обозначения   Choose language


Новый элемент интерфейса "схема"



Формы с линиями

элементы polyline и path имеют два вида меню (для точки и для отрезка), и задаются эти меню в атрибутах point-menu и section-menu (вместо атрибута menu). Значение атрибута name элементов polyline и path отправляется в xml-аттрибуте name, новые координаты узла - в x и y, идентификатор или порядковый номер узла (отсчитываемый от 1) - в id. Последние передвинутые точка (и объект в ней) и отрезок лежат поверх всех других (в пределах элемента layer). После ряда перемещений точки отправляется ее суммарное перемещение.

Работа с точками

click

<dot name=A id=N event=click os= ns= >

Присвоение значения no свойству section-deformation приводит к невозможности перемещения мышкой (drag-and-drop) только одной точки - два смежных отрезка перемещаются как целое, без изменения угла между ними.

double

<dot name=A id=N event=double os= ns= >

right-click

Щелчек правой ("right" click) клавишей мыши на точке означает появление меню, заданного в атрибуте point-menu, в котором пользователь выбирает новое состояние точки (новый стиль). Отправляется

<dot name=A id=N event=menu_item os= ns= >

drag

При перемещении мышкой точки (drag-and-drop) форма отсылает новые координаты точки (новые координаты удобно узнавать с помощью диагностики).

<dot name=A id=N event=drag x= y= >

drop

Если точка при перемещении попала на другую точку (этой или другой ломаной, этой или другой картинки) - в дальнейшем будем называть ее принимающей, то браузер отправляет дополнительный сэмент dad

<dot name=A1 id=N1 event=drag x= y= >
<dot name=A2 id=N2 event=drop>
<dad name=A1 id=N1 onname=A2  onid=N2>
где onname и onnum - идентификаторы принимающей точки. Одна точка попала на другую, если пересекаются объекты, расположенные в них. Если вложенный объект после перемещения точки накрывает несколько других вложенных объектов, то браузер выбирает в качестве принимающего ближайший к курсору мыши.

Работа с отрезками

click

<section name=A id=N event=click os= ns= >

double

<section name=A id=N event=double os= ns= >

right-click

Щелчек правой ("right" click) клавишей мыши на отрезке означает появление меню, заданного в атрибуте section-menu, в котором пользователь выбирает новое состояние отрезка (новый стиль отрезка). Отправляется

<section name=A id=N event=menu_item os= ns= >

drag

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

<dot name=A id=N   event=drag x= y= >
<dot name=A id=N+1 event=drag x= y= >

Возможны два варианта в зависимости от значения свойства point-move тега ld :

dot cross

Если при этом две точки совмещаются в одну, то второй (по следованию внутри тега line) присваиваются координаты (null,null) и и из формы отсылается следующий XML текст

<dot name=A id=N   event=drag x= y= >
<dot name=A id=N+1 event=del>

Под воздействием событий click, double-click, события из меню узлы и отрезки линий изменяют свой стиль (как и все другие html-объекты), после чего точка и отрезок одного и того же узела могут быть изображены двумя разными стилями, что совершенно нормально (если объект, вложенный в узел линии, изменил стиль, то узел ломаной стиль не меняет).




Тюрин Дмитрий



Перечень статей   Цветовые обозначения   Choose language