Não há erros no codigo mais ele não executa a sua função | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Solucionado (ver solução)

Solucionado
(ver solução)

3
respostas

por Gabriel Felipe Carvalho

| 52.9k xp | 27 posts

eta charset="utf-8">

 <canvas width="800" height="800"></canvas>

 <script type="text/javascript">



  function desenhaQuadrado (x, y, cor){

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

    pincel.fillStyle = cor;
    pincel.fillRect(x, y, 50, 50);
    pincel.fillStroke = "black";
    pincel.fillStrokeRect(x, y, 50, 50);

  }

  desenhaQuadrado(50, 0, "green");


 </script>

Não consegui, fazer mais quadrados aparecerem um na frente do outro igual pedido mas o código esta sem erros

3 respostas

solução!

por Jeferson Almeida

| 91.3k xp | 3 posts

23/02/2018

Bom dia.

Não seria sem o "fill"? testei o código abaixo e funcionou, realmente não encontrei nada do 'fillStrokeRect'


 <meta charset="UTF-8">
 <canvas width="800" height="800"></canvas>

 <script type="text/javascript">
  function desenhaQuadrado (x, y, cor){
    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");
    pincel.fillStyle = cor;
    pincel.fillRect(x, y, 50, 50);
    pincel.fillStyle = "black";
    pincel.strokeRect(x, y, 150, 150);
  }
  desenhaQuadrado(50, 0, "green");
</script>

por Gabriel Felipe Carvalho

| 52.9k xp | 27 posts

23/02/2018

o que seria sem o fill???

por Jeferson Almeida

| 91.3k xp | 3 posts

26/02/2018

Essa linha abaixa: pincel.fillStrokeRect(x, y, 50, 50); Ficaria assim: pincel.StrokeRect(x, y, 50, 50);