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

Clip

methods

Gets or sets the group clipping path. Inherited from Element.clip

clip

Parameters:clipkendo.drawing.Path

The group clipping path.

Returns:kendo.drawing.Path

The current group clipping path.

<div id="surface"></div>
<script>
    var draw = kendo.drawing;
    var group = new draw.Group();

    var pathA = new draw.Path().moveTo(0, 0).lineTo(100, 100);
    var pathB = new draw.Path().moveTo(0, 100).lineTo(100, 0);
    group.append(pathA, pathB);

    var clipPath = new draw.Path()
        .moveTo(25, 25)
        .lineTo(75, 25)
        .lineTo(75, 75)
        .lineTo(25, 75)
        .close();

    group.clip(clipPath);
    console.log("Current clip path:", group.clip());

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