background

Kendo UI for Vue

Vue Drawing Library

  • A base library that serves as the foundation for building, rendering, and exporting virtually any visual in your Vue applications. Most used for data visualizations..
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
First Steps
Docs & Demos

  • Overview

    The Vue Drawing library provides a cross-browser solution for interactive vector graphics. This library serves as a base for data visualizations rendered by components such as Kendo UI for Vue Charts and offers a low-level API for building visuals. The Drawing library is platform agnostic and can be used in any application.

    See the Vue Drawing Library Overview demo

  • Drawing DOM Elements

    The Vue Drawing library can convert part of or a whole existing page to drawing primitives, which can be rendered on screen or exported as a PDF, SVG or PNG format. This allows for any HTML portion of a Vue application, or the entire current view, to be exported to any of the supported formats.

    Read the Vue Drawing DOM Elements documentation

  • Basic Shapes

    To help build more complex scenes, the Vue Drawing library provides a set of basic shapes as a foundation. Built-in shapes include circles and rectangles, text, images, and gradients. You can also create your own custom elements.

    See the Vue Drawing Library Basic Shapes demo

  • PDF Export

    The Vue Drawing library helps developers create PDF files from application content. This can simply be what is currently displayed on the page and exporting it, or customizing the exported view by embedding fonts, setting custom CSS, disabling hyperlinks and more.

    See the Vue Drawing Library PDF output demo

  • Image Export

    Like PDF export, the Vue Drawing Library can also export scenes to PNG files.

  • SVG Export

    Much like PDF and image export, the Vue Drawing Library can export drawings to SVG documents.

Next Steps

Get Started with Kendo UI for Vue

First Steps
Docs & Demos
Kendo UI for Vue - Kendoka