
Product
Secure Your AI-Generated Code with Socket MCP
Socket MCP brings real-time security checks to AI-generated code, helping developers catch risky dependencies before they enter the codebase.
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 40 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.
Product
Socket MCP brings real-time security checks to AI-generated code, helping developers catch risky dependencies before they enter the codebase.
Security News
As vulnerability data bottlenecks grow, the federal government is formally investigating NIST’s handling of the National Vulnerability Database.
Research
Security News
Socket’s Threat Research Team has uncovered 60 npm packages using post-install scripts to silently exfiltrate hostnames, IP addresses, DNS servers, and user directories to a Discord-controlled endpoint.