小编给大家分享一下js如何实现链接二维码生成，canvas保存图片为png格式并下载到本地，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

安装依赖

npm install angular-qrious

AppModule引入

// Import library
import { QriousModule } from 'angular-qrious';

@NgModule({
  imports: [
    ...
    QriousModule
  ],
})
export class AppModule { }

HTML标签中引入

<qr-code [value]="'Qrious'" [size]="124"></qr-code>

如下图效果

canvas保存为图片下载

  download() {
    const canvas = document
      .getElementsByTagName("canvas")[0]
      .toDataURL("image/png");
    const link = document.createElement("a");
    link.setAttribute("href", canvas);
    link.setAttribute("download", "阳仔.png");
    link.click();
  }

html

 <button (click)="download()">下载二维码</button>

github插件链接地址

https://github.com/FrankiePo/angular-qrious

欢迎在评论区交流。如果文章对你有所帮助，不要忘了点上宝贵的一赞！