Entrar Ainda não tem acesso?
1
resposta

O exercício pede como centro do círculo (200, 100), por isso fiz os desenhos proporcionais a essa medida. Mas na resolução usou-se o verde da badeira (600,400). Porque? Desse jeito, o centro do circulo não fica sendo (200,100).

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade Ordem e Progresso

por Darlan Souza Ladeira
| 61.4k xp | 1 posts
<canvas width="600" height="400"></canvas>

<script>

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

    pincel.fillStyle = "green";
    pincel.fillRect(0,0,400,200);

    pincel.fillStyle = "yellow";
    pincel.beginPath();
    pincel.moveTo(200, 25);
    pincel.lineTo(25, 100);
    pincel.lineTo(200, 175);
    pincel.lineTo(375, 100);
    pincel.fill();


    pincel.fillStyle = "darkblue";
    pincel.beginPath();
    pincel.arc(200, 100, 50, 0, 2*3.14);
    pincel.fill();
1 resposta
por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador

Oi Darlan Souza Ladeira esse valor 200,100 era somente para explicar como se cria um círculo com a função arc, um exemplo, não é um requisito do exercício, para o exercício usar como base o tamanho do seu canvas.

Espero ter ajudado e bons estudos.