QRCodeComponent
Represents the Kendo UI QR Code component for Angular.
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-qrcode value="https://www.telerik.com/kendo-angular-ui">
</kendo-qrcode>
`
})
export class AppComponent {
}
Selector
kendo-qrcode
Export Name
Accessible in templates as #kendoQRCodeInstance="kendoQRCode"
Inputs
Name | Type | Default | Description |
---|---|---|---|
background? |
|
|
The background color of the QR Code. Accepts a valid CSS color string, including hex and rgb. ts
|
border? |
|
The border of the QR Code. ts
| |
color? |
|
|
The color of the QR Code. Accepts a valid CSS color string, including hex and rgb. ts
|
encoding? |
|
|
The encoding mode used to encode the value.
The possible values are:
ts
|
errorCorrection? |
|
|
The error correction level to use. The possible values are:
ts
|
overlay? |
|
An optional image overlay that will placed over the QR Code.
ts
| |
padding? |
|
|
The padding of the QR Code. The value sets all paddings in pixels. ts
|
renderAs? |
|
|
Sets the preferred rendering mode of the QR Code. The supported values are:
ts
|
resizeRateLimit |
|
Limits the automatic resizing of the QR Code. Sets the maximum number of times per second
that the component redraws its content when the size of its container changes.
Defaults to ts
| |
size? |
|
|
Specifies the size of a QR Code. Numeric values are treated as pixels. If no size is specified, the size will be determined from the element width and height. If the element has width or height of zero, a default value of 200 pixels will be used. ts
|
value |
|
The value of the QR Code. ts
|
Methods
exportImage | ||||||
---|---|---|---|---|---|---|
Exports the component as an image. The export operation is asynchronous and returns a promise. | ||||||
| ||||||
|
exportSVG | ||||||
---|---|---|---|---|---|---|
Exports the component as an SVG document. The export operation is asynchronous and returns a promise. | ||||||
| ||||||
|
exportVisual | ||||
---|---|---|---|---|
Exports the component as a Drawing Group. | ||||
|
resize |
---|
Detects the size of the container and redraws the component.
Resizing is automatic unless you set the |