domingo, 28 de abril de 2013

Plantilla html5 con canvas

Plantilla simple

<!DOCTYPE html>
<html>
 <head>
 </head>
 <body>
  <canvas id="my_canvas" width="200" height="100" style="border:1px
solid #000000;"></canvas>
 </body>
</html> 

Plantilla con evento onload() y javascript

<!DOCTYPE html>
<html>
 <head>
    <script type="text/javascript" >
        var canvas;
        var ctx; //contexto del canvas.
        
        function setup(){
            // accedemos al canvas
            canvas = document.getElementById('my_canvas');
            // si se puede acceder al contexto del canvas
            if (canvas.getContext){ 
                // accedemos al contexto del canvas 
                // y llamamos a nuestra función de dibujo.
                ctx = canvas.getContext('2d');
                draw();
            }
            else { // el canvas no está soportado
                alert('Este navegador no es compatible con canvas');
            }
        }
        
        // nuestra función de dibujo
        function draw(){                
        
        }
    </script>
 </head>
 <body onload="setup()">
  <canvas id="my_canvas" width="200px" height="100px"
        style="border:1px solid #000000;"></canvas>
 </body>
</html>

No hay comentarios:

Publicar un comentario