Tutoriales de SVG

SVG recomendaciones de cursos:

SVG se refiere a gráficos vectoriales escalables (Scalable Vector Graphics) XML definir gráficos basados en vectores

los ejemplos en cada capítulo

Al usar nuestro editor "intente hacerlo personalmente", puede editar SVG y luego hacer clic en el botón para ver los resultados.

Ejemplo de SVG

<html>
<body>
<h1>Mi primer SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

intente hacerlo personalmente

conocimientos básicos necesarios

Antes de continuar, debe tener una comprensión básica de lo siguiente:

  • HTML
  • básicos XML

Si desea aprender estos conceptos primero, visite los tutoriales relacionados en nuestra página principal.

¿Qué es SVG¿?

  • SVG se refiere a gráficos vectoriales escalables (Scalable Vector Graphics)
  • SVG para definir gráficos vectoriales basados en Web
  • SVG definir gráficos en formato XML
  • SVG cada elemento y cada atributo en el archivo se puede animar
  • SVG es un estándar recomendado de W3C
  • SVG se integra con otros estándares W3C, como DOM y XSL

SVG es un estándar recomendado de W3C

SVG 1.0 se convirtió en estándar recomendado de W3C el 4 de septiembre de 2001.

SVG 1.1 se convirtió en estándar recomendado de W3C el 14 de enero de 2003.

SVG 1.1 (segunda edición) se convirtió en estándar recomendado de W3C el 16 de agosto de 2011.

SVG las ventajas

En comparación con otros formatos de imágenes (como JPEG y GIF), el uso de SVG Las ventajas son:

  • SVG las imágenes se pueden crear y editar con cualquier editor de texto
  • SVG las imágenes pueden ser buscadas, indexadas, scripteadas y comprimidas
  • SVG las imágenes son expandibles
  • SVG las imágenes pueden imprimirse a alta calidad en cualquier resolución
  • SVG las imágenes son escalables
  • SVG las imágenes no pierden calidad al cambiar de escala o ajustar el tamaño
  • SVG es un estándar abierto
  • SVG los archivos XML

crear SVG imagen

SVG Las imágenes se pueden crear con cualquier editor de texto, pero se recomienda usar programas de dibujo (por ejemplo InkscapeCrear imágenes SVG generalmente es más conveniente.