clip
Gets or sets the element clipping path. Inherited from Element.clip
Example
<div id="surface" style="width: 250px; height: 250px;"></div>
<script>
var draw = kendo.drawing;
var path = new draw.Path()
.moveTo(50, 50)
.lineTo(200, 50)
.lineTo(200, 200)
.lineTo(50, 200)
.close();
// Create a circular clipping path
var clipPath = new draw.Path()
.arc(125, 125, 75, 0, 360)
.close();
// Apply the clipping path
path.clip(clipPath);
console.log("Current clip path:", path.clip());
var surface = draw.Surface.create($("#surface"));
surface.draw(path);
</script>
Parameters
clip kendo.drawing.Path
The element clipping path.
Returns
kendo.drawing.Path
The current element clipping path.
In this article