Angular Drawing Component | Kendo UI for Angular
background

Kendo UI for Angular

Angular Drawing

  • As the foundation for data visualizations, the drawing library provides an API for rendering and exporting views.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
First Steps
Docs & Demos
kendo-angular-ui

  • API for Building Visuals

    The Kendo UI for Angular Drawing library is at the heart of all Kendo UI for Angular data visualizations. It contains a low-level API for building and manipulating visual scenes that can be rendered as SVG or canvas elements, PNG images, as well as PDF documents.

    See Angular Drawing Library Overview demo.

  • Basic Shapes

    To help with building visualizations, the Kendo UI for Angular Drawing package provides a set of basic shapes like rectangles and circles, text, images and gradients. Additionally, you can build upon these basic shapes to create your own custom elements and diversify the initial set.

    See Angular Drawing Library Basic Shapes demo.

  • Drawing DOM Elements

    The Kendo UI for Angular Drawing package can convert the entire HTML document, or just segments it, as drawing primitives which can then be exported as an SVG or Canvas element, a PNG image or a PDF file.

    See Angular Drawing Library Drawing DOM Elements demo.

  • Export to PDF

    The Kendo UI for Angular Drawing library helps with exporting HTML to PDF files. As part of the HTML export, you can embed additional fonts, set custom CSS during the process, disable hyperlinks and much more.

    See Angular Drawing Library Export to PDF demo.

  • Export to Images

    The Kendo UI for Angular Drawing package can also export content to image formats, taking any of the rendered visualizations and exporting them as a PNG file.

    See Angular Drawing Library Export to Images demo.

  • Export to SVG

    Along with PDF and image export, the Kendo UI for Angular Drawing library can export any visualization as a SVG (Scalable Vector Graphics) file.

    See Angular Drawing Library Export to SVG demo.

All Kendo UI for Angular Components

Charts

Editor

TreeList

Scheduler

Progress Bars

Buttons

Common Features

Conversational UI

Indicators

Diagrams and Maps

Date Inputs

Dialogs

Labels

Icons

Design

Navigation

Dropdowns

Gauges

Grids

Upload

Inputs

Bar & QR Codes

Data Tools

Layout

Next Steps

Get Started with Kendo UI for Angular

First Steps
Docs & Demos
Kendo UI for Angular - Kendoka