¿Es sensato generar dinámicamente imágenes SVG en sitios web todavía?

Question

Recién estoy aprendiendo acerca de SVG, y parece genial, pero no estoy seguro acerca de la compatibilidad con el navegador: ¿la gente lo solucionó con éxito o todavía es demasiado pronto?

Answer 1

Raphael es una biblioteca de gráficos vectoriales entre navegadores que vale la pena echarle un vistazo.

Answer 2

Puede usar la biblioteca processing.js de John Resig para obtener compatibilidad entre navegadores.

También hay la técnica de Walter Zorn (gran cantidad de DIV) , que no utiliza SVG .

Answer 3

Hay una nueva forma de evitar la falta de capacidades de svg de Internet Explorer:

El proyecto de Google svgweb : gráficos vectoriales escalables para navegadores web que utilizan Flash. Es una biblioteca de JavaScript que proporciona soporte SVG en muchos navegadores, incluidos Internet Explorer, Firefox y Safari.

Answer 4

Pensé que valía la pena actualizar este diálogo porque las cosas se están volviendo más "capaces" en SVG cross-browser. Como alguien que ha implementado algunos sistemas (bastante significativos) para la organización, he estado "incursionando". en el mundo de "navegador cruzado" SVG. Veo las palabras "todavía muy temprano" en un cuadro de diálogo iniciado hace 11 meses y lo estoy agregando.

Vaya a mi sitio que muestra algunas de las capacidades de Raphael. Puede enlazar fácilmente al sitio principal de Raphael allí después de su parada en boxes.

Mi sitio web se implementó con Raphael 0.8.6 pero el creador de " Rap " acabo de traer la versión 1.0 de beta y eso (adicionalmente) es totalmente compatible con SVG " caminos "

Si desea visitar el mundo de CROSS-BROWSER interactive / SVG en su estado actual, visite estos sitios web constantemente actualizados a través de:

http://www.irunmywebsite.com/raphael/raphaelsource.html

Answer 5

Diría que su mejor opción es crear la imagen en el formato con el que se sienta más cómodo, luego convertirla a SVG con algo como ImageMagick. Puede escribir PostScript a mano o con una biblioteca, o crear directamente la imagen a partir de simples primitivas de texto / forma utilizando la API ImageMagick. Hay bastante buena documentación, y puede llamar a ImageMagick como un objeto COM (suponiendo que su idioma tenga un buen soporte COM).

Answer 6

Adobe también crea un complemento de visor SVG que puede vincular en su sitio para que las personas obtengan la funcionalidad completa de su sitio. Desafortunadamente, están descontinuando el soporte para el complemento, pero para ese momento, se espera que haya más soporte del navegador (con suerte). Hace varios años trabajé para una empresa que escribió una aplicación web completa usando SVG, y tuvimos un gran éxito con este complemento.