3.201 cursos gratis
6.235.079 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) |4381 alumnos|Fecha publicación: 15/09/2004
Capítulos del curso

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.

Descarga el PDF gratis

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


Cursos Valoración Alumnos Vídeo
Visio Express
Microsoft Visio Express 2003 es un programa para la creación de diagramas que ayuda a crear diagramas empresariales, entre otras cosas.Con este curso te proponemo... [27/07/06]
 3,50/5 2.456  
¿Cómo navegar con seguridad en Internet?
La Seguridad en Internet no es sólo una preocupación empresarial. Toda persona tiene derecho a la privacidad y cuando ésta accede a Internet su necesidad de privacidad no... [07/12/07]
 4,91/5 4.440  
¿Utilizas photoshop? pásate a GIMP, un programa completamente libre y gratuito
El GIMP (GNU Image Manipulation Program) es un programa de manipulación de imágenes totalmente gratuito y abierto, disponible para sistemas MS Windows, Mac's y los basado... [30/09/05]
 3,25/5 9.865  


Publicar en   del.icio.us    digg    meneame

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