Quem fez apenas pelo código da aula. Dá um erro. Porque o código está trocado. Na aula o professor colocou esse código:
pincel.fillStroke = 'black';E no material escrito ele colocou esse que é o correto:
pincel.strokeStyle = 'black';Por isso para alguns as vezes não funciona.
Aqui o código completo corretamente
<meta charset="UTF-8">
<canvas width="600" height="400"></canvas>
<script>
function desenhaQuadradoVerde() {
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'green';
pincel.fillRect(0, 0, 50, 50);
pincel.strokeStyle = 'black'; // strokeStyle => pinta a borda
pincel.strokeRect(0, 0, 50, 50); // strokeRect => cria uma borda em torno do retângulo
}
desenhaQuadradoVerde();
</script>
