Inicio JavaScript Raphaël, gráficos vectoriales con JavaScript

Raphaël, gráficos vectoriales con JavaScript

2 1465

Raphaël es una librería JavaScript que nos simplifica el trabajo de crear gráficos vectoriales en páginas web. Utiliza SVG y VML como base para la creación de gráficos. Debido a que cada objeto creado es un objeto DOM, puedes crear eventos con JavaScript para manipular ó modificar dichos objetos. Está librería va de maravilla en versiones iguales ó superiores a Firefox 3.0, Safari 3.0, Opera 9.5 e Intenet Explorer 6.0.

¿Cómo usarlo?

Descarga e incluye raphael.js dentro de tus páginas HTML, luego algo tan simple como esto para crear un círculo.

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");

Demos

Descarga

Programador y Desarrollador Web. Administrador de RibosoMatic y Proyecto Yupy. Blogger y entusiasta de la tecnología, internet, software y tutoriales para desarrollo de aplicaciones para la web ....