color String

The stroke color in any of the following formats.

Value Description
red Basic or Extended CSS Color name
#ff0000 Hex RGB value
rgb(255, 0, 0) RGB value

Specifying 'none', 'transparent' or '' (empty string) will clear the stroke.

Example - Creating a drawing surface

<div id="surface"></div>
<script>
  var draw = kendo.drawing;
  var path = renderPath();

  function renderPath() {
    var path = new kendo.drawing.Path({
      stroke: {
        color: '#E4141B'
      }
    });

    var start = new kendo.geometry.Point(100, 100);
    for (var i = 0; i < 15; i++) {
      path.lineTo(start.clone().translate(i * 20, 0));
    }

    return path;
  }

  var surface = draw.Surface.create($("#surface"));

  surface.draw(path);

</script>
In this article