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+,…
1 comentarios, 0 referencias
+
#