1
resposta

fillStroke não admite outra cor além de preto.

Por mais que eu troque o fillStroke para outra cor, ela continua preto.

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

<script>
    function desenhaQuadradoVerde(x,y) {
        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

        pincel.fillStyle = 'green';
        pincel.fillRect(x, y, 50, 50);
        pincel.fillStroke = 'red';
        pincel.strokeRect(x, y, 50, 50);
    }

    desenhaQuadradoVerde(0,0);
</script>
1 resposta

Bom dia meu aluno! O correto é:

pincel.strokeStyle = 'red';

Esse foi um dos motivos deu ter criado esse exercício, para deixar claro que o correto é strokeStyle.

Pode fazer um teste com strokeStyle? Qualquer coisa só falar.

Sucesso e bom estudo!