Contenido

Raphaël, SVG fácil para Javascript

11 ago

+ 1

Raphaël es una pequeña librería en Javascript destinada a facilitar la vida del desarrollador en cuando manipulación de vectores gráficos en nuestras aplicaciones.

Nos permite crear desde elementos básicos:

var paper = Raphael(10, 50, 320, 200);
var paper = Raphael(document.getElementById("notepad"), 320, 200);
var paper = Raphael("notepad", 320, 200);
// Circulo
var c = paper.circle(10, 10, 10);

hasta complejos reflejos, rotaciones,…

var src = $(".image img")[0].src;
var R = Raphael("mirror", 320, 240);
var gradient2 = {type: "linear", dots: [{color: "#000", opacity: .5}, {color: "#000"}], vector: [0, 0, 0, "100%"]};
R.image(src, 0, 0, 320, 320).matrix(1, 0, 0, -1, 0, 280);
R.rect(-2, -2, 322, 83).attr({gradient: gradient2, "stroke-width": 0});
R.rect(-2, 80, 322, 240).attr({fill: "#000", "stroke-width": 0});

Nos han montado una herramienta para testear el API y ver los resultados en vivo. Librería compatible con los principales navegadores: Opera 9.5+, Firefox 3.0+, Safari 3.0+, Internet Explorer 6.0+,…

[Descargar][Demo]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.