• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

Rendering Modes

The Barcodes support two modes for rendering—Canvas (bitmap) and SVG (vector graphics).

By default, the Barcodes uses SVG rendering. You can select a rendering mode by setting the BarcodeComponent.renderAs and QRCodeComponent.renderAs attributes.

Example
View Source
Change Theme:

When to Use SVG

The default SVG rendering mode is recommended for general use.

Using vector graphics ensures that:

  • The browser zoom does not degrade the image.
  • The prints are crisp regardless of the resolution.

When to Use Canvas

When performance is critical, for example, when rendering large pages, it is recommended to use the Canvas rendering mode.

The browser does not have to maintain a live DOM tree for the Chart, which results in:

  • Quicker screen updates.
  • Lower memory usage.

On the downside, rendering to a fixed resolution bitmap results in:

  • Blurry images on zoom.
  • Poor print quality.

In this article

Not finding the help you need?