如何在HTML 5中實現工具提示畫布

Question

我已經使用HTML 5畫布繪製了此圖。當我點擊用戶圖片時，我需要顯示一個工具提示。

var kin = new Kinetic("myCanvas"); 

    kin.setStage(function(){ 
     var context = kin.getContext(); 
     kin.beginRegion(); 

     // draw rectangular region including photo 
     context.beginPath(); 
     context.rect(X + 50, Y + 50, 62, 72); 
     context.closePath(); 


     kin.addRegionEventListener("mouseover", function(){ 
     document.body.style.cursor = "pointer"; 



     }); 
    } 

請幫忙。

Answer 1

http://www.html5canvastutorials.com/advanced/html5-canvas-image-mouseover/

至於一個「提示」 - 繪製文本的矩形，什麼適合你的設計。

然後在鼠標移出時清除該區域。