KendoReact
React Drawing Library
- This handy cross-browser library can convert a page (or a part of it) to drawing primitives, which can then be exported as a PDF, SVG or PNG format.
- Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
- Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
Overview
The React Drawing library provides a cross-browser solution for interactive vector graphics. This library is used by KendoReact to create the data visualizations offered through KendoReact Charts, and is responsible for the PDF library and exporting HTML and KendoReact components to images or SVG elements.
See React Drawing Library Overview demo
Drawing DOM Elements
The KendoReact Drawing library can convert part of or a whole existing page to drawing primitives, which can then be exported as a PDF, SVG or PNG format. This allows for any HTML portion of a React application, or the entire current view, to be exported to any of the supported formats.
See React Drawing Library Drawing DOM Elements demo
Basic Shapes
As a way to help build more complex visuals, the KendoReact Drawing library provides a set of basic shapes as a foundation. This includes rendering shapes like circles and rectangles, text, images, gradients, and custom elements you may want to include.
Exporting to PDF
The React Drawing library developers to export HTML content to PDF. This includes taking what is currently displayed on the page and exporting it, as well as customizing the exported view by embedding fonts, setting custom CSS, disabling hyperlinks and more.
See React Drawing Library Exporting to PDF demo
Exporting to Images
Just like with the PDF export, the KendoReact Drawing library enables any drawing to be exported as an image via the PNG file format.
See React Drawing Library Exporting to Images demo
Export to SVG
Along with PDF and Image export, the React Drawing library can export any drawing to a Scalable Vector Graphics (SVG) document.
All KendoReact Components
Animation
Common Utilities
Conversational UI
Data Grid
Data Query
Date Math
Drawing
Editor
Excel Export
File Manager
File Saver
Gantt Chart
Inputs
Layout
ListBox
ListView
Notification
PDF Processing
PivotGrid
Popup
Progress Bars
Ripple
Scheduler
ScrollView
Sortable
TreeList
TreeView
Upload
Next Steps
See KendoReact in action and check out how much it can do out-of-the-box.
Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.
Try KendoReact with dedicated technical support.
