containsPoint

Returns true if the shape contains the specified point.

Example

<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>

Parameters

point kendo.geometry.Point

The point that should be checked.

Returns

Boolean value indicating if the shape contains the point.

In this article
containsPoint
Not finding the help you need?
Contact Support