3
respostas

Não entendi

Não entendi muito bem sobre a criação de texto ou círculos, mesmo com o passo a passo explicando em texto acredito que se tivesse mais exemplos em vídeo fixaria mais!

3 respostas

Oi, Cinthya,

Os círculos são feitos de acordo com a fórmula matemática e o texto em si depende muito da função que está sendo definida.

realmente o vídeo seria ideal, tbm não consegui entender

Saudações.

Sobre a criação dos círculos, o código base pra isso estaria abaixo:

    function desenhaCirculo(x,y,raio,cor) {   //Linha 1

        pincel.fillStyle = cor;            //Linha 2
        pincel.beginPath();                //Linha 3
        pincel.arc(x,y,raio,0,2*3.14);      //Linha 4
        pincel.fill();                    //Linha 5

    }

        desenhaCirculo(300,200,25,"red");     //Linha 6

Na linha 1, cria-se a função que vai desenhar o círculo.

Na linha 2 você vai definir a cor que vai preencher o desenho que vai fazer. No caso, a cor "red" vai preencher o círculo.

Na linha 3 você vai iniciar o caminho, posicionar o pincel aonde irá começar o desenho do círculo.

Na linha 4 que acontece o processo de desenho. Em x** e **y você vai definir o centro do círculo, no caso do exemplo 300 e 200. Em raio você vai definir qual será o raio do circulo. as informações 0** e **2x3.14 é a fórmula matemática que descreve o circulo. O processo consiste em traçar uma circunferência de 0 a 360º (ou 2*pi (3.14)).

Na linha 5 o circulo é preenchido com a cor e na linha 6 é que chamamos as funções com os parâmetros desejados.


Para a criação de textos:

        function escreveTexto(x, y, texto){

            pincel.font = "15px Arial";                           //Linha 1
            pincel.fillStyle = "black";                              //Linha 2
            pincel.fillText(texto, x, y);                            //Linha 3

        }

Na linha 1 é definido o tamanho da fonte e qual fonte será usada.

Na linha 2 definimos a cor que o texto terá no canvas.

Na linha 3 é desenhado o texto na tela. Você deve inserir nessa função o texto que será exibido entre aspas e as coordenadas aonde você deseja que o texto apareça.

Espero que tenha ajudado. Realmente são códigos simples, acredito que por isso não tenham mais vídeos relacionados.

Att.