existe alguma tag no mundo html que permita alterar a forma do desenho assim como alteramos as cores? tipo, aqui a gwnte ta desenhando em circulos, e se eu quisesse fazer quadrado?
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
existe alguma tag no mundo html que permita alterar a forma do desenho assim como alteramos as cores? tipo, aqui a gwnte ta desenhando em circulos, e se eu quisesse fazer quadrado?
Na verdade você não utilizaria bem uma tag.
Para desenhar formas diferentes, você usa funções diferentes. A função que desenha retângulos é o .rect(x, y, w, h);
x e y -> coordenadas do canto superior esquerdo; w -> largura do quadrado; h -> altura do quadrado.
É só substituir o método .arc pelo .rect
function desenhaCirculo(evento) {
if(desenha) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
pincel.fillStyle = paleta.value; // sempre pega o valor atual da paleta!
pincel.beginPath();
//pincel.arc(x, y, 10, 0, 2 * 3.14);
pincel.rect(x, y, 20, 20);
pincel.fill();
}
console.log(x + ',' + y);
}