Масштабирование фигур

В этом разделе описывается VML, функция, которая не рекомендуется использовать в Windows Internet Explorer 9. Веб-страницы и приложения, использующие VML, должны быть перенесены в SVG или другие широко поддерживаемые стандарты.

Заметка

По состоянию на декабрь 2011 года эта тема архивирована. В результате он больше не активно поддерживается. Дополнительные сведения см. в разделе Архивированное содержимое. Сведения, рекомендации и советы по актуальной версии Windows Internet Explorer см. в Центре разработчиков Internet Explorer.

 

Вы узнали, как нарисовать и цветные фигуры на веб-странице с помощью VML. В этом разделе показано, как масштабировать фигуры до любого нужного размера.

VML использует тот же синтаксис, определенный в разделе сведений о модели визуальной отрисовки спецификации CSS2, чтобы указать размер содержащего поля, чтобы содержимое фигуры отображалось (рисуется) в содержательном поле. Вы можете использовать атрибуты стиля ширины и, а также высоты и, чтобы определить размер содержащего прямоугольника.

Например, если вы рисуете овал и задаете стиль ='width:75pt; высота:100pt', овал будет вырисовываться в пределах содержащего поля размером 75 точек (ширина) на 100 точек (высота), как показано на следующем рисунке:

<v:oval style='width:75pt;height:100pt'
fillcolor="red" />

Если изменить размер в стиле ='ширина:120pt; высота:140pt', овал увеличивается, так как он масштабируется в новом контейнере с размерами 120 точек (ширина) на 140 точек (высота), как показано на следующем рисунке.

<v:oval style='width:120pt;height:140pt'
fillcolor="red" />

Если изменить размер на стиль ='width:60pt; height:40pt', овал становится меньше, так как он масштабируется в новом контейнере размером 60 точек (ширина) на 40 точек (высота), как показано на следующем рисунке.

<v:oval style='width:60pt;height:40pt'
fillcolor="red" />