angular版 二维码组件

欢迎关注github:https://github.com/myopenresources

angular版 二维码组件cc-qrcode

安装

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>

 

参数

1. value：二维码值

2. background：背景颜色，默认白色

3. foreground：前景颜色，默认黑色

4. backgroundAlpha：背景透明度

5. foregroundAlpha：前景透明度

6. level：二维码级别，默认L

7. mime：生成的图片类型，默认image/png

8. padding：内边距

9. size：二维码大小（宽高）

10. canvas：是否使用画布生成，默认为false，图片方式