Ir para conteúdo
Fórum Script Brasil
  • 0

Fazer imagem "desaparecer" com o clique do Mouse


brunoBH

Pergunta

Galera, estou apanhando um pouco para Javascript rs, preciso fazer uma função para que quando eu clique numa imagem ela meio que desapareça, mas nao estou conseguindo, segue abaixo o meu trecho de código

<html>	
      <head>
            <script type="text/javascript">
			  var x, y;
              var ctx;
			  var m=[];
			  var v=[]
			  var i, j;		
			  var apagar1 = document.getElementById("i1");
			  
                 function inicio()
				{
				 
                  var c=document.getElementById("cnv")
                  ctx=c.getContext("2d");
				
				fundo();
				
				 for(i=0;i<20;i++)
			{
			 m[i]=[];
			 v[i]=[];
			}
			
			
			
			for(i=0;i<20;i++){
				for(j=0;j<20;j++){		
				 m[0][0]=document.getElementById("i1");
			     m[0][1]=document.getElementById("i2");
			     m[0][2]=document.getElementById("i3");		
                 		
					
					}}
					
					num1();
					
					}
				  
				 
				
				 
				
				 
				
				

		        function fundo()
		        {
		         ctx.fillStyle="#000000";
                 ctx.fillRect(0,0,1300,600);
				}
				
				function num1(){
				ctx.drawImage(m[0][0],100,100);
			    ctx.drawImage(m[0][1],200,200);
				ctx.drawImage(m[0][2],600,525);}	  

              </script> 
      </head>
	  
	  
	  
	  
	<body onload="inicio()">
		<canvas id="cnv" width="1300" height="600" style="border: solid 1px black; margin: 0px auto; display: block;">
		Navegador sem suporte 
			  <img src="link da img 1" id="i1">
			  <img src="link da img 2" id="i2">
			  <img src="link da img 3" id="i3">
		</canvas>	
	</body>
</html>

Posso utilizar somente Javascript, se puderem me ajudar eu ficaria muito agradecido, estou meio que desesperado kkkk

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...