npm install cc-qrcode --save 或 yarn add cc-qrcode
// 业务模块
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { QrcodeModule } from 'cc-qrcode';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
QrcodeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
//业务html
<div>
<cc-qrcode [value]="'123456789'"></cc-qrcode>
</div>
-
value:二维码值
-
background:背景颜色,默认白色
-
foreground:前景颜色,默认黑色
-
backgroundAlpha:背景透明度
-
foregroundAlpha:前景透明度
-
level:二维码级别,默认L
-
mime:生成的图片类型,默认image/png
-
padding:内边距
-
size:二维码大小(宽高)
-
canvas:是否使用画布生成,默认为false,图片方式