1
resposta

Utilizar parametros diferentes!?

Boa noite, eu quero utilizar a função "pincel.fillRect(0, 0, 600, 400);" de forma que 600 e 400 no caso, recebam parâmetros. Esses, vindo do tamanho de width e height, dados em ";"

por exemplo:

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

<script>

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

    pincel.fillStyle = 'white';
    pincel.fillRect(0, 0, canvas.width, canvas.height);

Dessa forma não funciona. Como eu posso fazer para conseguir utilizar da maneira que expliquei acima utilizando parametros equivalentes para substituir * canvas.width, canvas.height?? *

Desde já, obrigado.

1 resposta

Boa noite, Eduardo! Como vai?

Veja que é a variável tela que representa o seu canvas! Portanto é com ela que vc precisará trabalhar! E, a partir dela vc poderia utilizar as propriedades offsetWidth e offsetHeight ou clientWidth e clientHeight. Nesse caso ambos os pares irão funcionar da mesma forma! Dessa forma, vc faria algo como tela.offsetWidth e tela.offsetHeight.

Para saber mais:

https://www.w3schools.com/jsref/prop_element_offsetwidth.asp

https://www.w3schools.com/jsref/prop_element_clientwidth.asp

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!