options Object

The configuration options.

Example - create and draw a path

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

  // Initialize a path using an options object
  var path = new draw.Path({
    stroke: {
      color: "#9999b6",
      width: 2
    fill: {
      color: "#33ccff"
    opacity: 0.5,
    cursor: "pointer"

  // Describe the path
  path.moveTo(0, 0)
    .lineTo(150, 0).lineTo(150, 65).lineTo(0, 65)

  // Draw the path on a drawing surface
  var surface = draw.Surface.create($("#surface"));
In this article
Not finding the help you need? Improve this article