ngx-qr-with-image v2.1.1

NgxQrWithImage

On github you find the package within the folder 'projects'. Cloning the whole repository will include a runnable application showing the usage of the component. Install the package with the following commands.

npm install ngx-qr-with-image angular2-qrcode

Include in Module:

import { NgxQrWithImageModule } from 'ngx-qr-with-image';
...
  imports: [
    ...
    NgxQrWithImageModule
  ]
...

Usage:

<qr-img img="yourImage.png" content="content_shown_by_qr_code" 
        size="200"
        img-width="30"
        img-height="30"
        (change)="someFunction($event)
>
</qr-img>

size, img-width, img-height are not mandatory

Example for "someFunction":

someFunction(event){
    console.log(event);
    // maybe use file-save 
    // saveAs(event, "someFile.png")
  }