254 votos

jQuery SVG vs. Rafael

Estoy trabajando en una interfaz interactiva usando SVG y JavaScript/jQuery, y estoy tratando de decidir entre Rafael y jQuery SVG. Me gustaría saber

  1. Lo que el trade-offs entre los dos
  2. Donde el impulso del desarrollo parece ser.

No necesito la VML/IE apoyo en la obra de Rafael, o el trazado de las habilidades de jQuery SVG. Estoy interesado principalmente en la forma más elegante para crear, animar, y manipular los elementos individuales en una SVG lienzo.

194voto

Anatoly G Puntos 2864

Recientemente he usado tanto Rafael y jQuery SVG - y aquí están mis pensamientos:

Rafael

Pros: un buen arranque de la biblioteca, fácil de hacer un MONTÓN de cosas con SVG rápidamente. Bien escrito y documentado. Un montón de ejemplos y Demostraciones. Muy arquitectura extensible. Gran animación.

Contras: es una capa por encima de la real SVG marcado, hace que sea difícil hacer cosas más complejas con SVG - como la agrupación (soporta Conjuntos, pero no grupos). No hace gran w/ edición de elementos ya existentes.

jQuery SVG

Pros: un plugin de jquery, si usted ya está usando jQuery. Bien escrito y documentado. Un montón de ejemplos y demostraciones. Soporta la mayoría de los elementos SVG, permite el acceso nativo a los elementos fácilmente

Contras: la arquitectura no es tan extensible como Raphael. Algunas cosas podrían estar mejor documentado (como configurar de SVG elemento). No hace gran w/ edición de elementos ya existentes. Se basa en SVG semántica para la animación - a la que no es grande.

SnapSVG como un puro SVG versión de Raphael

SnapSVG es el sucesor de Rafael. Sólo se admite en el SVG de navegadores compatibles y es compatible con casi todas las características de SVG.

Conclusión

Si estás haciendo algo rápido y fácil, Raphael es una elección fácil. Si vas a hacer algo más complejo, opté por usar jQuery SVG, porque puedo manipular la etiqueta real significativamente más fácil que con Raphael. Y si quieres un no-jQuery solución, a continuación, SnapSVG es una buena opción.

53voto

Luke Dennis Puntos 4805

Para la posteridad, me gustaría señalar que terminé la elección de Rafael, porque de la limpieza de la API y "libre", es decir, de apoyo, y también porque el desarrollo activo parece prometedor (evento de apoyo se acaba de agregar en el 0,7, por ejemplo). Sin embargo, voy a dejar la pregunta sin responder, y yo todavía estaría interesado en escuchar acerca de las experiencias de otros con Javascript + SVG bibliotecas.

26voto

Rich Pollock Puntos 632

Yo soy un gran fan de Raphael y el impulso del desarrollo parece ser fuerte (versión 0.85 fue lanzado a finales de la semana pasada). Otra gran ventaja es que su desarrollador, Dmitry Baranovskiy, está trabajando actualmente en un Raphael gráficos plugin, g.raphael, que se parece a su perfila a ser bastante ingenioso (hay un par de muestras de la salida de las primeras versiones de Flickr).

Sin embargo, acaba de lanzar otro posible competidor en el SVG, la biblioteca de la mezcla de Google, SVG Web se ve muy prometedor, de hecho (aunque yo no soy un gran fan de Flash, el cual se utiliza para representar en el que no SVG compatible con los navegadores). Probablemente uno para ver, especialmente con la próxima Abierto SVG conferencia.

12voto

djsadinoff Puntos 2175

Rafael es definitivamente más fácil de configurar y se van, pero tenga en cuenta que hay maneras de expresar las cosas en SVG que no son posibles en Raphael. Como se señaló anteriormente, no existen "grupos". Esto implica que no se puede aplicar capas de Coordinar Transfomations. En su lugar sólo hay una transformada de coordenadas disponibles.

Si su diseño depende de anidado transformadas de coordenadas, Raphael no es para usted.

11voto

Chasbeen Puntos 1275

Oh Raphael ha cambiado significativamente desde el mes de junio. Hay una nueva cartografía de la biblioteca que se puede trabajar con ella y estos son muy llamativos. Raphael también apoya la plena SVG sintaxis de ruta de acceso y se incorpora realmente avanzado ruta de los métodos. Venga a ver 1.2.8+ en mi sitio (enchufe Descarado) y, a continuación, saltar a la Dmitry del sitio a partir de ahí. http://www.irunmywebsite.com/raphael/raphaelsource.html

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X