¿Para qué estás usando las formas? ¿Son contenedores? ¿Son elementos de la interfaz de usuario? ¿Tienen que transformarse en otras formas (como caminos)?
A menos que esté utilizando un navegador ANTIGUO y esté preocupado por la interoperabilidad SVG, debe evitar usar un bmp / gif / png / jpg para formas simples o rutas y líneas vectoriales escalables. Los archivos son casi siempre más grandes que la etiqueta , o que usa para describir sus formas.
Si está utilizando un navegador moderno, realmente depende de para qué está utilizando la forma.
- Al probar un sitio web o una aplicación móvil, ¿es suficiente grabar las interacciones de la pantalla de un usuario o es esencial grabar en video los movimientos de sus dedos?
- ¿Cuánto costaría desarrollar una aplicación similar a Tinder for Fashion (Grabble)?
- ¿Cuál es un buen marco para desarrollar aplicaciones de Android?
- ¿Cuál es la diferencia entre las aplicaciones móviles y un sitio web optimizado para dispositivos móviles?
- ¿Cuánto cuesta crear una aplicación y hasta su uso en línea oficialmente?
Si son contenedores, tienen que transformarse de una forma a otra, o representar datos dinámicos, recomendaría definirlos mediante programación (en datos JS). De esa manera, puede manipularlos como polilíneas o trazados, agregar, eliminar o converger puntos, ajustar las curvas bezier, etc. Puede ver un ejemplo simple de edición de polilíneas en este artículo de desbordamiento de pila: ¿Cómo agrego coordenadas a una polilínea SVG?
También hay marcos que permiten una modificación más fácil de formas más complejas, incluso basadas en datos, como:
D3.js – Documentos basados en datos
Paper.js
Biblioteca Raphaël-JavaScript
Si solo son elementos svg que va a manipular en un contenedor SVG, puede definirlos dentro de una etiqueta dentro de la página, como en este ejemplo de w3schools: http://www.w3schools.com/ svg / try …
Si solo necesitan ser escalados, pero mantienen la misma forma básica e interactúan de la misma manera que otros elementos html interactúan, puede almacenar gráficos vectoriales en un archivo SVG y luego usar ese SVG como una URL de imagen de fondo CSS como esta: background-image: url (images / blue-rectangle.svg);
Sin saber exactamente qué estás haciendo con ellos, espero que algo aquí ayude.