rendered paste body<html> <body> <canvas id="quad" width="640" height="480"></canvas> <script type="text/javascript"> var can = document.getElementById ("quad"); var ctx = can.getContext("2d"); ctx.beginPath(); ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle ctx.moveTo(110,75); ctx.arc(75,75,35,0,Math.PI,false); // Mouth (clockwise) ctx.moveTo(65,65); ctx.arc(60,65,5,0,Math.PI*2,true); // Left eye ctx.moveTo(95,65); ctx.arc(90,65,5,0,Math.PI*2,true); // Right eye ctx.stroke(); //pra imagens temos de carregar todas //var img = new Image(); //img.src="bluepiSW.png"; //img.onload=function(){ // ctx.drawImage(img,60,100); //} </script> </body></html>