3.286 cursos gratis
6.264.263 alumnos
Publica tu curso gratis
Busca cursos gratis:
Estás aquí: mailxmail > Cursos de Informática > Internet > SVG: gráficos e interactividad en la Web > HTML/XHTML

SVG: gráficos e interactividad en la Web

Autor: Ricardo Borillo
Curso:  4,43/5 4,43/5 (35 opiniones) |4398 alumnos|Fecha publicación: 15/09/2004

Capítulo 10:

 HTML/XHTML

SVG, al ser un formato XML, donde mejor se integra es en otros documentos XML. Si partimos de la versión XML de HTML, es decir, XHTML, nos encontraremos con que podemos embeber el codigo SVG dentro del propio documento XHTML. Esto es gracias a que XHTML soporta distintos espacios de nombres.

Con este tipo de documento integramos tecnologías como CSS, Scripting, XML y ahora SVG. Todos estos recursos disponibles en un único tipo de documento XHTML.

Sobre esta base nace el proyecto SVG Mozilla que intenta hacer de este navegador un motor nativo de renderizado de SVG (sin la utilización de ningun plugin externo). Esto quiere decir que podremos añadir código SVG "inline" en el documento XHTML y que el navegador lo interpretará al igual que hace con el código HTML.

En teoría consigueremos el mismo comportamiento que con el plugin de Adobe, aunque ahora no sea del todo cierto debido al estado del desarrollo del proyecto. A día de hoy la versión que de Mozilla SVG que más funciones soporta es la basada en el GDI+ de Windows

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="
http://www.w3.org/1999/xhtml " xmlns:svg="http://www.w3.org/2000/svg " >
  <head>
    <title>Test SVG dentro de XHTML</title>
    <style type="text/css">
      polygon[class="base"]  { fill:blue; }
    </style>
  </head>
  <body>
    <h1 class="top">Poligonos renderizados por Mozilla</h1>
 
    <svg:svg  width="200px" height="200px">
      <svg:polygon points="20,20 30,60 60,30" class="base" />
      <svg:foreignObject x="5" y="60" width="40" height="10">
        <span class="forobjpts" style="color:blue;">Poligono</span>
      </svg:foreignObject>
    </svg:svg>
  </body>
</html>

Figure 26. mozilla-inline.xhtml

HTML/XHTML

Capítulo anterior - SMIL
Recibe nuestras novedades
Al presionar "Recibir" estás dándote de alta y aceptas las condiciones legales de mailxmail

Hay 35 opiniones. Opina sobre este curso.


Cursos similares a SVG: gráficos e interactividad en la Web


Cursos Valoración Alumnos Vídeo
Hacer una web con Joomla
Hacer una web con Joomla. Joomla es un gestor de contenido, en el que puedes crear tu sitio Web de un modo sencillo y rápido. Este curso es... [06/08/09]
5/5 2.192  
Autocad. Dibujo en 2d y 3d (1/4)
Autocad. Este curso está diseñado, para que cualquier persona sin ningún conocimiento de Autocad pueda seguirlo y pueda divertirse dibujando[09/06/09]
 4,82/5 3.732  
Conoce ADSL
Las conexiones ADSL que muchos conocemos y que muchos tenemos en nuestros puestos de trabajo y domicilios hacen que la navegación sea agradable y con ventajas que hasta e... [05/11/04]
 4,39/5 6.218  


Publicar en   del.icio.us    digg    meneame

¿Qué es mailxmail.com?|ISSN: 1699-4914|Recomiéndanos|Ayuda
Condiciones legales de mailxmail