El estándar SVG

marzo 21, 2007

Durante el ultimo mes hemos publicado varios post sobre el estándar SVG. Aunque quizás no con la fuerza que se pensaba en un principio, SVG es y será el estándar para graficos vectoriales en la Web.

Os resumimos los puntos tratados:

  • SVG (III). Formas Básicas: Dibujamos formas básicas con SVG (rectángulos, círculos, elipses, líneas, polilineas y polígonos).

SVG (V). Transformaciones

marzo 17, 2007

El lienzo SVG es infinito por cada una de las dimensiones del espacio, pero solo se puede visualizar una región rectangular finita de él. Esta región rectangular finita es llamada marco (viewport).

El tamaño del marco SVG (es decir, su ancho y alto) es determinado por un proceso de negociación entre el fragmento de documento SVG y sus parientes (reales o implícitos). Una vez que el proceso………


——————————————————–

Nos hemos mudado a www.xperimentos.com, puedes continuar leyendo este post en este enlace.

——————————————————–


SVG (IV). Texto

marzo 1, 2007

El texto que debe ser visualizado como parte de un fragmento de documento SVG es especificado usando el elemento “text”. Los caracteres son expresados como datos de caracteres en XML dentro del elemento “text”.

Los elementos “text” son visualizados como otros gráficos. Por consiguiente, el las transformaciones del sistemas de coordenadas, los recortes (clipping) y las de funcionalidades de mascaras son aplicadas a los elementos “text” de la misma forma que a las diferentes formas y paths.

Cada elemento “text” produce una simple cadena de texto que será visualizada. SVG no permite una forma automática de saltos de línea o wrapping. Para ello, hay que recurrir a diversos métodos como por ejemplo, poner cada una de las líneas en un elemento “text” diferente.

Lee el resto de esta entrada »


SVG (III). Formas Básicas

febrero 26, 2007

SVG contiene el siguiente conjunto de elementos de formas básicas:

  • rectángulos (rectangles), incluidos los rectángulos de esquinas redondeadas.
  • círculos (circles)
  • elipses (ellipses)
  • líneas (lines)
  • polilineas (polylines)
  • polígonos (polygons)

Matemáticamente, estas formas son equivalentes a un elemento “path” que podría contruir la misma forma. Las formas básicas pueden tener diferentes trazos, rellenos y ser usadas como caminos de corte (clip paths). Todas las propiedades disponibles en los elementos “path” pueden ser también …


——————————————————–
Nos hemos mudado a www.xperimentos.com, puedes continuar leyendo este post en este enlace.
——————————————————–


SVG (II). Estructura de un documento SVG

febrero 24, 2007

Un documento SVG consiste en la combinación de varios elementos SVG contenidos dentro de un elemento “svg”. Un documento SVG puede también estar contenido dentro de otros archivos, por ejemplo con XML (es importante el uso de los espacios de nombres para indicar que los elementos “svg” y “ellipse”  son del espacio de nombres de SVG):

<?xml version=”1.0″ standalone=”yes”?>
<parent xmlns=”http://example.org
       xmlns:svg=”http://www.w3.org/2000/svg“>
   <!– parent contents here –>
   <svg:svg width=”4cm” height=”8cm” version=”1.1″>
      <svg:ellipse cx=”2cm” cy=”4cm” rx=”2cm” ry=”1cm” />
   </svg:svg>
   <!– … –>
</parent>

Lee el resto de esta entrada »


SVG (I). Introducción

febrero 19, 2007

SVG son las iniciales de Scalable Vector Graphics. Es un estándar de la W3C que define una gramática XML para describir gráficos de dos dimensiones.

SVG trata tres tipos de objetos gráficos: formas vectoriales (curvas y rectas), imágenes y texto. Estos objetos gráficos pueden ser agrupados, transformados, formateados y compuestos en objetos previamente creados. El conjunto de funcionalidades transformaciones anidadas (nested transformations), corte de patrones (clipping paths), mascaras, filtros, efectos y plantillas de objetos.

Los gráficos SVG pueden ser interactivos y dinámicos. Las animaciones pueden ser definidas y activas de modo declarativo o por medio de scripts. Es posible usar un script adicional con acceso al DOM de SVG para obtener aplicaciones más complejas.

Lee el resto de esta entrada »


Inkscape 0.45

febrero 14, 2007

Inkscape es uno de los mejores programas Open Source y multiplataforma para diseño vectorial. Inkscape no tiene mucho que envidiar a las herramientas comerciales y es actualmente uno de los proyectos más activos en SourceForge. El equipo de desarrollo acaba de liberar una nueva versión estable, la versión 0.45 que incluye varias mejoras respecto a la versión 0.44 entre ellas:

  • Degradado gausiano
  • Renderizado más rápido
  • Histórico de acciones
  • Utilidades de nodos y lápiz caligráfico
  • Mejoras en el trazado de imagen
  • Nuevos efectos
  • Arreglos y mejoras en el modo contorno

Enlaces
Inkscape