MouseOver en rectángulos de canvas

[Alexis88]

Tomas el elemento a afectar con el evento mouseover y le añades dicho evento, en donde, cuando se produzca, ejecute una función.

Código HTML:

<canvas id = "miCanvas"></canvas>
<div id = "miDiv"></div>
 

Código CSS:

#miDiv {
    display: none;
}
 

Código Javascript:

var miCanvas = document.getElementById("miCanvas"),
    miDiv = document.getElementById("miDiv");
 
//Para mostrar el Div
miCanvas.addEventListener("mouseover", function(){
    miDiv.style.display =  "block";
}, false);
 
//Para ocultar el Div
miCanvas.addEventListener("mouseout", function(){
    miDiv.style.display =  "none";
}, false);
 

Saludos