ola, quando eu coloco o tamanho do quadrado 50,50 e cor green aparece um quadrado preto , mas quando eu coloco o tamanho 100 e a cor green aparece a cor green , alguem saberia explicar porque isso acontece porque eu nao entendi ess parte, e porque o tamanho é 100 e nao 50 , 50 quando chama a funçao.
segue o codigo:
<canvas width="600 " height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext('2d');
function desenhaQuadrado(x,y,tamanho,cor){
pincel.fillStyle = cor;
pincel.fillRect(x,y,tamanho,tamanho);
pincel.strokeStyle ="brown";
pincel.strokeRect(x,y,tamanho,tamanho);
}
desenhaQuadrado(0,0,50,50,"green");
//desenhaQuadrado(0,0,100," green");
</script>
