¿Detectar click solo en la imagen PNG en javascript?

publicado por: Anonymous

Bueno lo que quiero es saber si existe una función donde detecte el click en la imagen mas no en el vació(en la transparencia), por ejemplo en el framework phaser hay una función donde se realiza esto la cual es esta

 var image= game.add.sprite(500, 220, 'image');

    image.inputEnabled = true;
    image.input.pixelPerfectClick = true;
    image.events.onInputDown.add( function(){
        console.log("SE DIO CLICK EN ELLA");
    }, this);

Hay algún metodo el cual pueda realizar esto sin usar frameworks?

solución

Podrias utilizar <map> dentro de una imagen para detectar el area en donde se da clic, sin frameworks ni tampoco tanto javascript, por ejemplo:

_x000D_

_x000D_

<p>Click en la computadora, el teléfono, o en el café para ver que sucede:</p>_x000D_
_x000D_
<img src="https://www.w3schools.com/html/workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">_x000D_
_x000D_
<map name="workmap">_x000D_
  <area shape="rect" coords="34,44,270,350" alt="Computer" onclick="alert('click en computadora')">_x000D_
  <area shape="rect" coords="290,172,333,250" alt="Phone" onclick="alert('click en el teléfono')">_x000D_
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" onclick="alert('click en el café')">_x000D_
</map>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *