html5 tooltip object?

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 предопределенный объект 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 
      });