Como posso fazer uma condição no canvas, por exemplo:
se (x>y) então a largura do retângulo recebe 300 senão a altura recebe 200..
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Como posso fazer uma condição no canvas, por exemplo:
se (x>y) então a largura do retângulo recebe 300 senão a altura recebe 200..
Não sei se entendi o que você quer fazer. Segue uma proposta:
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'grey';
pincel.fillRect(0, 0, 600, 400);
function desenhaQuadrado(x, y, largura, altura) {
pincel.fillStyle = 'red';
pincel.fillRect(x, y, largura, altura)
pincel.fill();
}
largura = 100;
altura = 100;
y = 20;
var x = prompt("Informe o valor de X:")
if(x>100){
largura = 300;
}else{
altura = 200;
}
desenhaQuadrado(x,y,largura, altura);
</script>``