pelo browser não diz onde esta o erro, dar conferir tbm, uma hora da certo outra dar erro.
insira seu código aqui
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!
pelo browser não diz onde esta o erro, dar conferir tbm, uma hora da certo outra dar erro.
insira seu código aqui
Osiris, boa tarde!
Acredito que ficará melhor para tirar sua dúvida caso você poste aqui a estrutura de seu código ok?
Fico no aguardo.
<meta charset = "UTF-8">
<canvas width = "600" height = "400"></canvas>
<script>
function quadrado(c, x, y, o, p){
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = c;
pincel.fillRect (x, y, o, p);
pincel.strokeStyle;
pincel.strokeRect(x, y, o, p);
}
function textoImagem(t, x, y){
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.font = '30px Georgia';
pincel.fillStyle = 'pink';
pincel.fillText (t, x, y);
}
var x = 20;
var xx = 50;
var xxx = 100;
textoImagem ('grafico de uso:', 0, 50);
quadrado ('red', x, 200, xx, 5);
quadrado ('yellow', x, 195, xx, 20);
quadrado ('green', x, 175, xx, 25);
quadrado ('blue', x, 150, xx, 50);
quadrado ('red', xxx, 200, xx, 2);
quadrado ('yellow', xxx, 198, xx, 13);
quadrado ('green', xxx, 185, xx, 20);
quadrado ('blue', xxx, 165, xx, 65);
</script>Osíris, boa noite!
Ainda não cheguei nesta parte do aprendizado.
Mesmo assim, peguei o seu código para tentar ajudar ok? Não desisti de forma alguma.
Voltarei aqui. Caso alguém tenha a resposta antes, tudo bem também. O importante é nos ajudarmos.
Osíris, boa noite! O único lugar onde encontrei um erro foi nas dimensões declarada na função (quadrado();) Lembrando que o pixel 0 fica canto superior esquerdo da sua tela, usa esse raciocino quando for declarar as dimensões.
Espero ter ajudado no desenvolvimento do seu programa.
<meta charset = "UTF-8">
<canvas width = "600" height = "400"></canvas>
<script>
function quadrado(c, x, y, o, p){
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = c;
pincel.fillRect (x, y, o, p);
pincel.strokeStyle;
pincel.strokeRect(x, y, o, p);
}
function textoImagem(t, x, y){
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.font = '30px Georgia';
pincel.fillStyle = 'pink';
pincel.fillText (t, x, y);
}
var x = 20;
var xx = 50;
var xxx = 100;
textoImagem ('grafico de uso:', 0, 50);
quadrado ('blue', x, 105, xx, 50);
quadrado ('green', x, 155, xx, 25);
quadrado ('yellow', x, 180, xx, 20);
quadrado ('red', x, 200, xx, 5);
quadrado ('blue', xxx, 105, xx, 65);
quadrado ('green', xxx, 170, xx, 20);
quadrado ('yellow', xxx, 190, xx, 13);
quadrado ('red', xxx, 203, xx, 2);
</script>