<div id="container"></div>
<button onclick="hideTooltipManually()">Hide Tooltip</button>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;
    var surface = draw.Surface.create($("#container"), {
        width: "400px",
        height: "300px"
    });

    var rect = new draw.Rect(new geom.Rect([100, 100], [150, 100]), {
        tooltip: {
            content: "This tooltip can be hidden manually"
        }
    }).fill("violet");

    surface.draw(rect);

    function hideTooltipManually() {
        surface.hideTooltip();
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("Tooltip hidden manually");
    }
</script>