2
respostas

[Projeto] Cores

Fala galera, o meu código ficou assim!

var tela = window.document.querySelector('canvas.retrato');
var pincel = tela.getContext('2d');

pincel.fillStyle = 'lightgray'
pincel.fillRect(0, 0, 600, 400);



function exibeAlerta (evento){
    var x = evento.pageX - tela.offsetLeft;
    var y = evento.pageY - tela.offsetTop;

    pincel.fillStyle = cor[incrementaCor];
    pincel.beginPath();
    pincel.arc(x, y, 10, 0, 2*3.14);
    pincel.fill();
    console.log(x + ',' + y)    
}
tela.onclick = exibeAlerta, mudaCor;

function mudaCor (){
    incrementaCor++;
    if(incrementaCor >= cor.length){
        incrementaCor = 0
    }return false
}
var cor = ['blue','red', 'green', 'black', 'yellow'];
var incrementaCor = 0
tela.oncontextmenu = mudaCor;


2 respostas

Oi Tércio, tudo bem?

Muito obrigado por compartilhar os comandos referentes ao Javascript do seu projeto com a comunidade do fórum, tenho certeza que ajudará muitas alunas e alunos que estão estudando o mesmo assunto.

Um sugestão para o seu projeto é a escrita da variável tela, que pode ser feita da seguinte maneira:

 var tela = document.querySelector('canvas');

Continue se dedicando em seus estudos para aprimorar ainda mais suas habilidades e desenvolver seus conhecimentos e caso tenha dúvidas, estarei à disposição.

Abraços!

Fala Rodrigo, beleza? Então, eu coloquei uma classe ''retrato'' na tag e prefiro especificar qual eu estou marcando, isso ajuda no caso de eu ter mais de um elemento HTML com a mesma tag, Não sei se eu teria mais de um no mesmo HTML, mas nunca se sabe!