HTML5 nos permite el uso de canvas, para poder crear gráficos, degradados y colorear. Con la ayuda de jQuery, podemos hacer auténticas virguerías.
Como siempre, lo importante es optimizar nuestro código para el crossbrowser, de manera, que para no decepcionar al usuario con errores o sencillamente mostrarle un contenido alternativo podemos evaluar si el navegador soporta dicho objeto.
Para ello podemos utilizar la librería Modernizr;
1.- Incluimos la librería en nuestro archivo.
2.- Introducimos el siguiente código
if (Modernizr.canvas) {
// el navegador soporta canvas
} else {
// no hay soporte para canvas
}
Y de este modo tan sencillo podemos disponer de un entorno navegable para los usuarios con navegadores que no soporten CANVAS y para los que si, ofrecerles una experiencia de usuario algo mas gratificante.