Решение физических задач на компьютере в формате интерактивных web-страниц. Лужков А.А. - 19 стр.

UptoLike

ВУЗ: 

РГПУ им. Герцена | Санкт-Петербург

Составители: 

Рубрика: 

19
с помощью стандартной реакции Microsoft Internet Explorer на эле-
менты VML (как действие по умолчанию – default behavior).
Ключевое слово line в строке 7 указывает на тип фигуры, далее
задается цвет и толщина линии. В строке 8 задается начальная и ко-
нечная точки линии в определенной системе координат. Поскольку в
строке 9 указано абсолютное позиционирование элемента, в данном
случае начало координат совпадает с точкой, указанной в параметрах
Top:100; Left:100. Отметим, что координаты линии в строке 8 могут
быть отрицательными. Аналогичным образом можно отображать дру-
гие элементы, например овал:
<v:oval style='position:relative; left:3em; top:0; height:50px;
width:100px' strokecolor="red" strokeweight="2px" fillcolor="blue"/>
или многоугольник:
<v:polyline style='position:relative; left:10; top:20' fillcolor="blue"
strokecolor="red" strokeweight="2" points="0 0 20 20 40 0 60 20" />
Форма и позиционирование овала задаются с помощью стилей. Коор-
динаты вершин многоугольника задаются параметром points.
Существует два основных способа построения графиков и траек-
торий движения частиц при помощи языка VML. Первый способ за-
ключается в генерировании кода элементов VML с помощью метода
write() непосредственно при загрузке страницы. Следовательно, после
загрузки страницы изменять свойства такой фигуры уже невозможно.
Второй способ использует возможность программным способом из-
менять атрибуты уже существующих на странице VML элементов,
наиболее привлекательным из которых является элемент shape. Этот
элемент описывает геометрическую фигуру общего вида, причем
описание контура этой фигуры содержаться в атрибуте path в виде
набора координат вершин соответствующей ломаной линии;
<v:shape id=fig1 coordorigin="0 0" coordsize="200 200"
fillcolor="green" strokecolor="red" style='visibility: visible;
position:relative; left:3em; top:100; width:50; height:50'>
<v:path v="m 2,2 l 2,300 l 200,300 l 300,150 l 200,2 x e"/>
</v:shape>.
В параметрах атрибута path буква m указывает начальную точку,
буквы l разделяют координаты промежуточных точек, буква x указы-
вает на замыкание фигуры и буква e закрывает фигуру. Изменяя со-
держание атрибута path можно строить графики и траектории движе-
ния. Этот способ обладает двумя преимуществами а) возможностью
изменять фигуру с помощью интерактивных элементов WEB страни-
цы (например, вводить новые параметры для графика и видеть его со-

Страницы