Logo de Android con Canvas en HTML5, CSS3 y JS

| enero 15, 2012 |
Tags: , , , , , , , , , , ,

En este ejemplo dibujaremos el logo de Android utilizando canvas en HTML5, CSS3 y algunas funciones en Javascript. Veremos las capacidades de dibujo fundamental del lienzo en HTML5: dibujo de líneas y curvas, dibujo de camino y dibujo de formas.

00fc7 androide css3 1326676141 Logo de Android con Canvas en HTML5, CSS3 y JS

Código HTML5

Código :

<!--/*Code by Kres  - @kresCruz(twiter) */-->

<html>

<head>

   <title>Canvas caminos circulares</title>

   <link rel="stylesheet" type="text/css" href="android_css.css"/>

<script>

//Recibe un identificador del elemento canvas y carga el canvas

//Devueve el contexto del canvas o FALSE si no ha podido conseguise

function cargaContextoCanvas(idCanvas){

   var elemento = document.getElementById(idCanvas);

   if(elemento && elemento.getContext){

      var contexto = elemento.getContext('2d');

      if(contexto){

         return contexto;

      }

   }

   return FALSE;

}


window.onload = function(){

   //Recibimos el elemento canvas

   var android = cargaContextoCanvas('android');

   if(android){

      

      

  ...

Continua leyendo desde la fuente



Related posts:
  1. Menú desplegable con HTML5 y CSS3 En este tutorial haremos un menu desplegable con HTML5 y...
    2. 

  2. Activar CSS3 y HTML5 en editor de Visual Studio 2010 Comparto este sencillo tutorial para activar la sensibilidad del editor...
    3. 

  3. Transición de color con HTML5 Y CSS3 Afinamos el efecto de transición cambiando colores directamente en HTML5...
    4. 

  4. Formulario de contacto en HTML5 y CSS3 Hola a todos, espero que se encuentren muy bien. Vamos...
    5. 

  5. Personalizar reproductor de video de HTML5 con CSS3 Este videotutorial aprenderás a crear tu propio reproductor de video...
    6. 



Related posts brought to you by Yet Another Related Posts Plugin.
 


			
						

Este articulo no pertenece a Shft.Info 
 indexamos los artículos que se encuentran en otros sitios y los organizamos en este directorio de articulos.

Leave a Reply