curveTo

Draws a cubic Bézier curve (with two control points).

A quadratic Bézier curve (with one control point) can be plotted by making the control point equal.

Example - Draw a curved sub-path

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

    var multiPath = new draw.MultiPath()
        .moveTo(100, 200).curveTo([100, 100], [250, 100], [250, 200]).close()
        .moveTo(150, 150).lineTo(200, 150).close();

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

Parameters

controlOut Array|kendo.geometry.Point

The first control point for the curve.

controlIn Array|kendo.geometry.Point

The second control point for the curve.

endPoint Array|kendo.geometry.Point

The curve end point.

Returns

kendo.drawing.MultiPath The current instance to allow chaining.

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