如何在HTML5画布中实现工具提示

Question

​

​

这是我用HTML5画布绘制的。当我点击用户图片时，我需要显示工具提示。

    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/

至于“工具提示”--把你的文本画成矩形，或者是适合你设计的东西。

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