Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Projeto] Stroke e function

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Extraindo funções e atividade Repetir código não rola, não é mesmo?

por Carlos Braga de Paiva Neto
| 632.1k xp | 441 posts

Ah, agora a magia vai começar.

Usar funções, repetições... É mágica.

Só uma dúvida que ficou desta aula.

Pode ser erro de digitação, mas seria legal esclarecer, visto que um caractere errado causa tela branca no navegador.

No vídeo, o professor escreve: pincel.fillStroke = 'black';

e na transcrição do vídeo aparece: pincel.strokeStyle = 'black';

Pra completar, aqui errei ainda mais e suprimi no código esta linha e, mesmo assim, o contorno apareceu na tela. Acredito que apareceu por causa deste outro comando aqui: pincel.stroke.Rect(0, 0, 50, 50);

E o que posso concluir disso tudo?

  1. o comando Style não é necessário?
  2. quem manda mesmo é stroke.Rect?
  3. ???

Captura da tela com a visualização da aula no navegador.

2 respostas
solução!
por Monalisa Meyrelle de Sousa Silva
| 2102.9k xp | 4665 posts
Alura Scuba Team Monitoria Fórum Ops

Olá, Sr Carlos, tudo bem?

Agradecemos os eu feedback, pois ele é muito importante para continuarmos aperfeiçoando nossos cursos e levando conteúdos repletos de aprendizagens para nossas alunas e alunos

O comando correto a ser utilizado é pincel.strokeStyle. O instrutor digitou equivocadamente pincel.fillStroke, mas reforço que o certo é pincel.strokeStyle = 'black'.

Por padrão a cor será preta, portanto a ausência da especificação da cor, fará com que o programa assuma preto. Por isso, nessa linha, onde é preto, não é necessário especificar, mas ressalvo que caso queira outra cor, se faz necessário a especificação.

Por fim, notei que você escreveu pincel.stroke.Rect(0, 0, 50, 50) o correto seria pincel.strokeRect(0,0,50,50).

Espero ter ajudado.

Reforço que estou à disposição para tirar dúvidas.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
por Carlos Braga de Paiva Neto
| 632.1k xp | 441 posts

Ahnnn...

Olá, Monalisa!!

Entendi, sem os espaços entre a vírgula e o número seguinte, OK

E a explicação do pincel.strokeStyle, perfeita!

Valeu, Monalisa!

Abs e bom trabalho!!