二维码的生成原理简洁的在线二维码生成工具实践讲解

导读介绍一个用于将文字，网址制作成二维码的在线工具。系统采用纯前端技术栈，无需借助服务端，无限字数，快速生成高清二维码，下载保存本地。仓库地址https://g....介绍

一个用于将文字，网址制作成二维码的在线工具。

系统采用纯前端技术栈，无需借助服务端，无限字数，快速生成高清二维码，下载保存本地。

仓库地址

https://github.com/s249359986/totem-open

特定

• 纯前端
• 无限制
• 高清

访问地址

http://totem.songdonghong.com/#/qr

原理解析

1. 借助 qrcode-generator ，利用 input 录入文字，实现二维码生成。
2. 动态插入 a 标签，图片链接赋值 href 属性，实现图片下载保存。

初始化项目

git clone https://github.com/s249359986/totem-open.gitcd servenpm installnpm run startcd webnpm install npm run serve

后记

二维码美化，定制功能，近期更新，关注仓库动态。

下期预告

二维码解析

关注，搜索【前端支点】更多关于前端开源项目，技术知识等你探索