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

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

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

Элементы polyline и path могут быть расположены внутри элемента form. У линий (как и у всех объектов) существуют события click, double-click, но только у линий есть:

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

Значение атрибута name элементов polyline и path отправляется в серибуте name. Происхождение обозначений: os = old style (state), ns = new style (state). Ниже перечислены отправляемые сэменты.

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

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 :

Перемещение конца отрезка есть сдвиг точки A в точку B, point-move=end (значение по умолчанию)
Перемещение конца отрезка есть сдвиг точки A в точку C, point-move=cross


dot	cross

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

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

Резюме

Сэменты
<dot name= id= event= os= ns= x= y= > <section name= id= event= os= ns= > <dad name= id= onname= onid= >

Атрибуты
тег	атрибут
ld	point-menu, section-menu

Свойства
тег	свойство	значение по умолчанию	список возможных значений
ld	section-deformation	`yes`	`yes, no`
ld	point-move	`end`	`end, cross`

Примечание

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

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

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