Compartir a través de

Usar el elemento Path

  • Artículo

En este tema se describe VML, una característica que está en desuso a partir de Windows Internet Explorer 9. Las páginas web y las aplicaciones que dependen de VML deben migrarse a SVG u otros estándares ampliamente compatibles.

Nota

A partir de diciembre de 2011, este tema se ha archivado. Como resultado, ya no se mantiene activamente. Para obtener más información, vea Contenido archivado. Para obtener información, recomendaciones e instrucciones sobre la versión actual de Windows Internet Explorer, vea Centro para desarrolladores de Internet Explorer.

 

Ha aprendido que puede usar los elementos de forma predefinidos de VML (como <oval> , <curve><polyline><rect><line>, <roundrect>, y <arc> ) para dibujar una forma. En este tema, se muestra cómo usar el <path> sub-elemento para personalizar el contorno de una forma.

Puede colocar el <path> sublemento dentro del <shape> elemento o <shapetype> . A continuación, puede usar los atributos de propiedad del <path> sub-elemento para personalizar el contorno de la forma.

Por ejemplo, para dibujar la forma personalizada que se muestra en la siguiente imagen, puede usar el <path> sub-elemento para definir el contorno de la forma, como se muestra en la siguiente representación de VML:

shape1.gif (1301 bytes) 

<body>
<v:shape style='width:250;height:250' strokecolor="red" strokeweight="1.5pt"
fillcolor="blue" coordorigin="0 0" coordsize="200 200">
<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,
92,121, 42,155, 60,100 x e"/>
</v:shape>
</body>
  • Los valores m 8,65 indican que el dibujo comienza en el punto (8,65).
  • Los valores l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155, 92,121, 42,155, 60,100 indican que una línea recta comienza en el punto actual (8, 65) y termina en el punto dado (72, 65), que se convierte en el nuevo punto actual. Una nueva línea comienza en el punto actual (72, 65) y termina en el punto dado, que se convierte en el nuevo punto actual, y así sucesivamente, al punto final (60, 100).
  • x indica que la ruta de acceso se cerrará mediante una línea recta que comienza en el punto actual (60, 100) y termina en el punto original (8, 65).
  • e indica detener el dibujo.

Para obtener más información sobre este elemento, consulte la especificación VML .