<div id="container"></div>
<script>
    var draw = kendo.drawing;
    var surface = draw.Surface.create($("#container"), {
        width: "400px",
        height: "300px",
        tooltip: {
            appendTo: "body",
            animation: {
                open: { duration: 200 },
                close: { duration: 100 }
            }
        }
    });

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

    surface.draw(path);
</script>