Es un tipo de gráfico vectorial que se puede ampliar o reducir. SVG es un estándar web para gráficos basados en vectores. Es un formato XML que define gráficos. En los archivos SVG, todos los elementos y propiedades se pueden animar. SVG es compatible con otros estándares W3C, como el Modelo de objetos de documento (DOM) y XSL.
Requisito previo: antes de continuar, debe tener una comprensión básica de lo siguiente: HTML y XML.
ventajas:
- Proporciona una buena calidad de impresión en cualquier resolución y, por lo tanto, es muy útil.
- Es un estándar abierto y fácil de usar.
- Podemos usar cualquier editor de texto para crear y editar imágenes SVG.
- Es altamente escalable y nunca compromete la calidad al cambiar el tamaño.
Desventajas:
- El tamaño de las imágenes rasterizadas con formato de texto es mayor que el de las imágenes rasterizadas con formato binario.
- Incluso para una imagen simple, el tamaño puede ser grande.
Ahora entendamos mejor SVG usando un ejemplo.
Ejemplo: en este ejemplo, creamos una línea SVG en HTML.
HTML
<!DOCTYPE html> <html> <body> <h2>Welcome To GeeksforGeeks</h2> <svg height="250" width="600"> <line x1="10" y1="10" x2="400" y2="400" style="stroke:rgb(0,0,255);stroke-width:3" /> </svg> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA