如何在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/

至于一个“提示” - 绘制文本的矩形，什么适合你的设计。

然后在鼠标移出时清除该区域。