专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

「开源」简洁的在线二维码生成工具实践讲解

ins518 2024-09-18 17:44:05 技术文章 14 ℃ 0 评论

介绍

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

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

仓库地址

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.git

cd serve

npm install

npm run start

cd web

npm install 

npm run serve

后记

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

下期预告

二维码解析

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表