Dimensionamento de formas

Este tópico descreve o VML, um recurso que é preterido a partir de Windows Internet Explorer 9. Páginas da Web e aplicativos que dependem de VML devem ser migrados para o SVG ou outros padrões amplamente compatíveis.

Observação

Desde dezembro de 2011, este tópico foi arquivado. Como resultado, ele não é mais mantido ativamente. Para obter mais informações, consulte Conteúdo Arquivado. Para obter informações, recomendações e diretrizes sobre a versão atual do Windows Internet Explorer, consulte o Centro de Desenvolvedores do Internet Explorer.

 

Você aprendeu a desenhar e colorir formas em uma página da Web usando VML. Neste tópico, ilustraremos como dimensionar formas para qualquer tamanho desejado.

O VML usa a mesma sintaxe definida na seção Detalhes do Modelo de Renderização Visual da especificação CSS2 para especificar o tamanho da caixa de contenção para que o conteúdo de uma forma seja renderizado (desenhado) dentro da caixa que contém. Você pode usar os atributos de estilo de largura e altura para definir o tamanho da caixa que contém.

Por exemplo, se você desenhar um oval e especificar style='width:75pt;height:100pt', o oval será desenhado dentro de uma caixa contendo em um tamanho de 75 pontos (largura) por 100 pontos (altura), conforme mostrado na imagem a seguir:

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

Se você alterar o tamanho para style='width:120pt;height:140pt', o oval ficará maior porque ele é dimensionado dentro da nova caixa contendo em um tamanho de 120 pontos (largura) por 140 pontos (altura), conforme mostrado na imagem a seguir:

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

Se você alterar o tamanho para style='width:60pt;height:40pt', o oval ficará menor porque ele é dimensionado dentro da nova caixa contendo em um tamanho de 60 pontos (largura) por 40 pontos (altura), conforme mostrado na imagem a seguir:

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