<div id="container"></div>
<script>
  var draw = kendo.drawing;
  var surface = draw.Surface.create($("#container"), {
    tooltipOpen: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("tooltip open");
    }
  });

  var path = new draw.Path({
    tooltip: {
      content: "Path"
    }
  }).fill("red")
  .moveTo(50, 0).lineTo(100, 50).lineTo(0, 50).close();

  surface.draw(path);
</script>