New to Kendo UI for jQuery? Start a free 30-day trial

ContainsPoint

methods

Returns true if the shape contains the specified point.

containsPoint

Parameters:pointkendo.geometry.Point

The point that should be checked.

Returns:Boolean

value indicating if the shape contains the point.

<div id="surface" style="width: 250px; height: 250px;"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;

    var path = new draw.Path({
        fill: {
            color: "#3498db",
            opacity: 0.5
        },
        stroke: {
            color: "#2980b9",
            width: 2
        }
    })
    .moveTo(50, 50)
    .lineTo(200, 50)
    .lineTo(125, 200)
    .close();

    var testPoint = new geom.Point(125, 100);
    var contains = path.containsPoint(testPoint);
    console.log("Point (125, 100) is inside path:", contains);

    var surface = draw.Surface.create($("#surface"));
    surface.draw(path);
</script>