Às vezes me empolgo um pouco hahaha
Brincar é uma excelente forma de fixar o conteúdo e aprender coisas novas. Sempre que posso vou um pouco além. Recomendo muito!
O código:
<canvas width='500' height='700'> </canvas>
<script>
var screen = document.querySelector ('canvas');
var brush = screen.getContext ('2d');
brush.beginPath();
brush.fillStyle='black';
brush.moveTo(50,50);
brush.lineTo(50,400);
brush.lineTo(400, 400);
brush.fill();
brush.beginPath();
brush.fillStyle = '#CC9900';
brush.moveTo(100,175);
brush.lineTo(100,350);
brush.lineTo(275,350);
brush.fill();
brush.beginPath();
brush.fillStyle='#CC0000';
brush.arc(200,100, 50,0,2*3.14); //left eye
brush.arc(353,255, 50,0,2*3.14); //right eye
brush.fill();
brush.beginPath();
brush.fillStyle='#CC0000';
brush.moveTo(75,375);
brush.lineTo(162,237); // left line
brush.lineTo(222,297); // right line
brush.fill();
</script>O resultado:
