
Research
Security News
The Growing Risk of Malicious Browser Extensions
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
qrcode-angular
Advanced tools
A angular component to generate QR codes for rendering to the DOM.
A angular component to generate QR codes for rendering to the DOM.
angular 17 changed to standalone component
Support canvas and svg two formats
Support adding QR code logo
17 > Angular version >= 14 (npm 1.2.0)
npm i qrcode-angular
import { QrcodeModule } from 'qrcode-angular';
<qrcode value="https://angular.io/"></qrcode>
<qrcode mode='svg' value="https://angular.io/"></qrcode>
<qrcode value="https://angular.io/" icon="imgUrl"></qrcode>
<qrcode value="https://angular.io/" errorLevel="H"></qrcode>
basic
icon
color
errorLevel(H)
prop | type | default value | note |
---|---|---|---|
mode | 'canvas'|'svg' | 'canvas' | output mode |
value | string | - | scanned link |
color | { dark: string, light: string } | { dark: '#000', light: '#fff' } | QR code Color |
size | number | 160 | QR code Size |
icon | string | - | QR code include logo url |
iconSize | number | 40 | QR code include logo size |
errorLevel | 'L'|'M'|'Q'|'H' | M | Error Code Level |
value
has a conservative upper limit of 738 or fewer strings. If error correction levels are used, the value
upper limit will be lowered.
The ErrorLevel means that the QR code can be scanned normally after being blocked, and the maximum area that can be blocked is the error correction rate.
Generally, the QR code is divided into 4 error correction levels: Level L
can correct about 7%
errors, Level M
can correct about 15%
errors, Level Q
can correct about 25%
errors, and Level H
can correct about 30%
errors.
qrcode-angular bundles the qrcodegen, which is available under the MIT license.
FAQs
A angular component to generate QR codes for rendering to the DOM.
The npm package qrcode-angular receives a total of 50 weekly downloads. As such, qrcode-angular popularity was classified as not popular.
We found that qrcode-angular demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
Research
Security News
An in-depth analysis of credential stealers, crypto drainers, cryptojackers, and clipboard hijackers abusing open source package registries to compromise Web3 development environments.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.