0.0.1 • Published 5 years ago
cc-qrcode v0.0.1
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>
参数
value:二维码值
background:背景颜色,默认白色
foreground:前景颜色,默认黑色
backgroundAlpha:背景透明度
foregroundAlpha:前景透明度
level:二维码级别,默认L
mime:生成的图片类型,默认image/png
padding:内边距
size:二维码大小(宽高)
canvas:是否使用画布生成,默认为false,图片方式
0.0.1
5 years ago