Drawing Overview

The Drawing package provides a cross-browser library for interactive vector graphics.

The Drawing library:

  • Serves as a base for the Kendo UI data visualization componentsfor example, the Charts.
  • Offers a low-level APIa simple object model for building and manipulating visual scenes which can be rendered as SVG and PDF documents, Canvas elements, and PNG images.
  • Is platform-agnosticcan be used in any type of application.
The Drawing Package is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the Drawing library in action.

View Source
Edit In Stackblitz  
Change Theme:


  1. Download and install the package:

       npm install --save @progress/kendo-drawing
  2. Once installed, import the necessary types:

    import { Text, geometry } from '@progress/drawing';
    const { Point } = geometry;


The Drawing package has no external dependencies.

Functionality and Features

To export images in PDF, use the PDF Export component.