html5 объект всплывающей подсказки?

Question

Я нашел это руководство на html5canvastutorials.com:

var triangle = new Kinetic.Shape(function(){
                var context = this.getContext();
                context.beginPath();
                context.lineWidth = 4;
                context.strokeStyle = "black";
                context.fillStyle = "#00D2FF";
                context.moveTo(120, 50);
                context.lineTo(250, 80);
                context.lineTo(150, 170);
                context.closePath();
                context.fill();
                context.stroke();
            });

            triangle.addEventListener("mousemove", function(){
                var mousePos = stage.getMousePos();
                tooltip.x = mousePos.x;
                tooltip.y = mousePos.y;
                tooltip.text = "Cyan Triangle";
                tooltip.draw();
            });

Объект tooltip используется без предварительного определения. Есть ли в HTML 5 canvas предопределенный объект tooltip? Или я что-то здесь упускаю?

Answer 1

Вы пропустили эту часть кода:

var tooltip = new Kinetic.Shape(function(){
                var context = this.getContext();
                context.beginPath();
                context.fillStyle = "black";
                context.fillRect(5, 5, 200, 30);
                context.font = "12pt Calibri";
                context.fillStyle = "white";
                context.textBaseline = "top";
                context.fillText(tooltip.text, 10, 10);
            }, {
                x: 5,
                y: 5,
                width: 200,
                height: 30
            });