React 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 following example demonstrates the Drawing library in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Drawing Key Features

The Kendo UI Drawing package delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI team constantly invests efforts to improve the performance and add more value to the existing Drawing library as well as develop new features to it.

Drawing Basic Shapes

The Drawing library provides a set of built-in basic shapes for constructing scenes. Read more about the Drawing basic shapes...

Drawing DOM Elements

You can convert a part of or a whole existing page to drawing primitives. Once the content is converted, you can further process or render it on screen, or export it in the Portable Document Format (PDF), Scalable Vector Graphics (SVG), or Portable Network Graphics (PNG) formats. Read more about the Drawing DOM Elements...

Content Export to PDF

The Drawing library provides configuration options for handling and exporting content in PDF. Read more about the Drawing PDF options...

Drawings Export to Images and SVG

You can export drawings to a Scalable Vector Graphics (SVG) document or to bitmap images in a PNG file format. Read more on how to export drawings to SVG, or to PNG format.

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

Licensing

The Kendo UI Drawing package is part of all available Kendo UI libraries. Depending on the trial version and commercial license support that each Kendo UI suite or flavor offers, the Drawing package may be available for trial and commercial users, and as part of the open-source Kendo UI for jQuery Core suite.

Support Options

For any questions about the use of the Kendo UI Drawing, or any of our other components, there are several support options available:

  • Kendo UI license holders and anyone in an active trial can take advantage of the Kendo UI outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the Kendo UI support system.

  • Kendo UI forums are part of the free support you can get from the community and from the Kendo UI team on all kinds of general issues.

  • Kendo UI feedback portal and Roadmaps provide information on the features in discussion and also the planned ones for release.

  • Kendo UI uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.

  • Of course, the Kendo UI team is active on StackOverflow as well and you can find a wealth of questions and answers there.

  • Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.