Add border input in the qr code component

This commit is contained in:
nymkappa 2023-02-24 09:55:39 +09:00
parent da3446f522
commit 6f68c1666f
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 2 additions and 1 deletions

View File

@ -1,4 +1,4 @@
<div class="holder" [ngStyle]="{'width': size, 'height': size}">
<img *ngIf="imageUrl" [src]="imageUrl">
<canvas #canvas></canvas>
<canvas #canvas [style]="{'border': border + 'px solid white'}"></canvas>
</div>

View File

@ -12,6 +12,7 @@ export class QrcodeComponent implements AfterViewInit {
@Input() data: string;
@Input() size = 125;
@Input() imageUrl: string;
@Input() border = 0;
@ViewChild('canvas') canvas: ElementRef;
qrcodeObject: any;