Raphaël (biblioteca de JavaScript)

Raphaël , que toma su nombre del pintor italiano Raffaello Sanzio da Urbino , ^{[ 3 ]} es una biblioteca JavaScript compatible con varios navegadores que dibuja gráficos vectoriales para sitios web. Utiliza SVG para la mayoría de los navegadores, pero VML para versiones antiguas de Internet Explorer . Actualmente, Raphaël es compatible con Chrome 5.0+ , Firefox 3.0+, Safari 3.0+, Opera 9.5+ e Internet Explorer 6.0+.

Raphaël se utiliza creando primero una instancia del objeto Raphaël , que gestiona la creación del lienzo. Los siguientes ejemplos crean un lienzo de 320 píxeles de ancho y 200 píxeles de alto:

// esquina superior izquierda del lienzo en la coordenada 10,50 de la ventana gráfica var r = Raphael ( 10 , 50 , 320 , 200 );// parte superior izquierda del lienzo en la esquina superior izquierda del elemento #example (en elementos donde dir="ltr") var r = Raphael ( document . getElementById ( "example" ), 320 , 200 );// igual que arriba var r = Raphael ( "ejemplo" , 320 , 200 );

Una vez instanciado el objeto Raphaël, se pueden utilizar sus diversos métodos de dibujo, redimensionamiento y animación para crear un gráfico vectorial. Esta biblioteca incluye compatibilidad con fuentes Cùfon, un formato que convierte una fuente dada en un conjunto de trazados vectoriales. Es extensible mediante complementos.

Este widget se utiliza en los sitios web de Washington Post y Times Online .

Raphaël también es utilizado por iCloud.com y por Mass Relevance en la Casa Blanca . ^{[ 4 ]}

• D3.js

• Wilson, Chris (diciembre de 2013). RaphaelJS . O'Reilly Media . ISBN 978-1-4493-6536-3.

• Página principal de Raphaël
• Sintaxis de Rafael
• Raphaël: una API de JavaScript para SVG
• Introducción a Rafael
• Raphael.js: Archivado el 29/09/2011 en Wayback Machine. Biblioteca de gráficos vectoriales JavaScript para la web.