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..
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>
``