Как реализовать всплывающую подсказку в HTML 5 Canvas

Question

Я нарисовал это, используя HTML 5 canvas. Мне нужно показать всплывающую подсказку, когда я нажимаю на изображение пользователя.

    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/

Что касается «всплывающей подсказки» - нарисуйте текст в виде прямоугольника или чего-то подходящего для вашего дизайна.

Затем при наведении мыши очистите область.