1
resposta

Navegador limita meu CANVAS em 150 de altura

Bom dia, estou tentado usar o código da aula, porém ao utiliza-los no chrome ou firefox, estou limitado a 150 pelos navegadores... Ao abrir o console, verifico que tem essa limitação, porém não consigo altera-la. Alguma ideia

<canvas width="600" heigth="600"></canvas>

<script>

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

            // coordenadas X e Y
    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0, 0, 600, 400);

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

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

</script>
1 resposta

Michael, boa tarde!

Isso está ocorrendo pois na linha:

<canvas width="600" heigth="600"></canvas>

Você está escrevendo heigth e o correto seria height é normal esse tipo de situação.

Espero ter ajudado e bons estudos!