1
resposta

Desenhando flor canvas

<canvas width="600" height="400"></canvas>


<script>

var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');

pincel.fillStyle = 'lightgrey';
pincel.fillRect(0,0,600,400);

pincel.fillStyle = 'green';
pincel.fillRect(300,200,5,200);

    function desenhFlor(x,y,raio,cor){


pincel.fillStyle = cor;
pincel.beginPath()
pincel.arc(x,y,raio,0,2*3.16);
pincel.fill();

}



desenhFlor(300,200,25,'white');
desenhFlor(375,200,60,'yellow');
desenhFlor(300,275,60,'yellow');
desenhFlor(300,125,60,'yellow');
desenhFlor(225,200,60,'yellow');


</script>
1 resposta

Bom dia!

Sua resolução ficou excelente! Você fez um ótimo uso do aprendizado.

Parabéns pelo empenho nos estudos e continue praticando.

Bons estudos!