Raphaël, la libería JavaScript que nos hace más facil dibujar

Dibujar no es una tarea fácil, y eso lo sé por la experiencia (o la mala experiencia) que tengo con el dibujo. Quizás en otra vida logre tener esa virtud, pero mientras tanto me resultarán útiles todas las ayudas que pueda encontrar.

Para aquellos virtuosos (o no) del dibujo y del arte del desarrollo Web, encontramos en Raphaël una solución liviana y sencilla enfrascada en una única librería de  JavaScript. ¿Que nos ofrece Raphaël? Simplemente una manera más fácil de dibujar en nuestras páginas web,  trabajando con gráficos vectoriales en la Web. Esta librería respeta el estándar SVG del W3C y el VML para crear gráficos. Cada gráfico que creemos con Raphaël podrá ser manipulado como un objeto del DOM y, de esta manera podrá ser operado con gran facilidad desde JavaScript.

Este librería puede ser descargada ingresando en: http://raphaeljs.com/. Su tamaño en la versión “minificada” es de 20kb y de 210 kb en la versión sin comprimir.

¿En qué navegadores funciona Raphaël? Esa es una de sus grandes fortalezas, ya que nos puede servir para dar gran compatibilidad en nuestros proyectos. Su compatibilidad incluye: Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

En su documentación veremos lo simple que es utilizar esta librería JavaScript. Vale la pena probarla y comenzar a implementarla en nuestros proyectos Web como una solución crossbrowser eficiente.

¿Te ha gustado esta nota? ¿Te interesa aprender más sobre JavaScript y AJAX para implementarlo en tus proyectos? Escríbeme y cuéntame sobre tus necesidades.

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Diseño y Programación Web y Mobile. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios digitales. Dicto capacitaciones y consultorías sobre lenguajes y herramientas de desarrollo Web

2 Comentarios en “Raphaël, la libería JavaScript que nos hace más facil dibujar
  1. karmak dice:

    Funciona en IE 6.0+? a mi no me carga el svg que me carga en Firefox desde el mismo archivo abierto en IE 10 :S

    • Damián De Luca dice:

      Yo he probado los ejemplos que publican ellos y funcionan bien en IE7+ (IE6 prácticamente ya no se tiene en cuenta para el desarrollo web en la actualidad).

      Te recomiendo que pruebes este ejemplo a ver si te funciona: http://raphaeljs.com/tiger.html

      También te recomiendo que revises la manera en que estás incluyendo la librería y el contenido, ya que tiene una manera diferentes de hacerlo al modo estándar.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*


Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.