Usando Canvas para crear Relojes - CoolClock - Detodoprogramacion.org

BUSCADOR

Aprende a como descargar

17 julio 2013

Usando Canvas para crear Relojes - CoolClock

Usando Canvas para crear Relojes - CoolClock
Código Fuente | Publicación:.2013 | Pass:www.detodoprogramacion.org
Descripción:
CoolClock es un script para crear relojes y utiliza la etiqueta CANVAS para dibujarlos. Debería funcionar en cualqueir navegador aunque en Internet Explorer es necesario agregar un script extra y el resultado es ... limitado.
Lo más interesante es que es posible crear diseños personales aunque, claro, hacer eso no es nada
sencillo.


Para utilizarlo hay que descargar coolclock.js , moreskins.js y excanvas.js desde AQUI y ponerlos en la misma carpeta que el archivo html.
 
En la sección de cabecera de su archivo html agregar lo siguiente:


Ahora bien, hay dos enfoques para permitir su reloj, dependiendo de si la página utiliza jQuery. Si su página utiliza jQuery y jQuery se carga antes de cargar coolclock.js, entonces usted no tiene que hacer nada más.
Si su página no utiliza jQuery, entonces usted necesita añadir  
onload = "CoolClock.findAndCreateClocks ()" a tu cuerpo de la etiqueta (o el equivalente en su marco javascript preferido). Por ejemplo, el cuerpo de la etiqueta podría tener este aspecto:

  
 
Y en donde queremos que se visualize nuestro Reloj agregarmos lo siguiente:

  

En el archivo moreskins.js podemos elegir el modelo que nos guste.

No hay comentarios:

Publicar un comentario

Post Top Ad