一:arale-qrcode

arale-qrcode GitHub路径

npm i arale-qrcode
<html><body><div id="share_tools"></div><script src="qrcode.min.js"></script></body><script type="text/javascript">var codeFigure = new AraleQRCode({"render":  "svg",  // 生成的类型 'svg' or 'table'"text":'https://github.com/soldair/node-qrcode', // 需要生成二维码的链接"size": 120 // 生成二维码大小});var share_tools = document.querySelector('#share_tools');share_tools.appendChild(codeFigure);</script>
</html>

二:QRCode.js

GitHub地址

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div id="qrcode"></div><script type="text/javascript" src="qrcode.js"></script><script type="text/javascript">new QRCode(document.getElementById("qrcode"), "https://github.com/davidshimjs/qrcodejs");var qrcode = new QRCode(document.getElementById("qrcode"), {text: "生成二维码的方法不止一种",width: 128,height: 128,colorDark : "#f60",colorLight : "#ccc",correctLevel : 0 // 二维码结构复杂性 0~3});</script></body>
</html>

三:QR码生成器

api简介

<img style="width: 300px;height: 300px;" src="https://api.qrserver.com/v1/create-qr-code?data=http://goqr.me/api/" >

js生成二维码的几种方法相关推荐

  1. PHP开发日志 ━━ php、javascript生成二维码的三种方法

    最简单最实例的goolge开源方法 推荐手册:php完全自学手册 1.google开放api 代码如下: $urlToEncode="http://www.helloweba.com&quo ...

  2. Java生成二维码的两种方法

    本文介绍Java生成二维码的两种方法,这两种方法都依赖于google提供的二维码依赖包. 一种是自己写工具类,代码可以网上抄. 另一种是使用hutool第三方工具类的依赖包,不用自己抄代码. 一.自定 ...

  3. php生成二维码的三种方法

    最简单最实例的goolge开源方法 1.google开放api 代码如下: $urlToEncode="http://www.helloweba.com"; generateQRf ...

  4. 程序猿生成二维码的三种方法(在线接口+在线网站+本地程序)

    一.前言 程序猿经常在web.app.小程序等应用生成二维码,生成二维码方式有多种,如果你第一次接触,网上搜出来的基本是使用本地程序生成的,其实这种最麻烦,有更好的方式,就是使用在线接口的,简单方便快 ...

  5. JS识别二维码、JS生成二维码

    最近的项目中使用到了识别二维码和生成二维码,都是用JS生成的,应用在了移动端,在网上搜罗了许多进行验证,下面是我在项目中应用的: 识别二维码 1.第一种,压缩包:https://pan.baidu.c ...

  6. 关于利用qrcode生成二维码的两种方式的区别

    首先以下内容是查找网上资料后了解的利用qrcode.js生成二维码的额两种方式,canvas(即画布)方式和table方式(原文地址http://www.helloweba.com/view-blog ...

  7. qrcode.js使用js生成二维码(并下载)的实践

    知识点 base64数据形式 Base64是一种用64个字符来表示任意二进制数据的方法. – 廖雪峰官方网站 Base64编码有哪些情景需求? – 知乎 案例场景 后台生成邀请链接,前端拿到链接之后处 ...

  8. 在web页面上快速生成二维码的三种实用方法

    转载自:在web页面上快速生成二维码的三种实用方法 二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~ 方法1:使用极客标签提供的二维码快速生成服务 ...

  9. Vue中生成二维码的一种方式—vue-qr

    Vue中生成二维码的一种方式-vue-qr vue实现二维码生成(vue + vue-qr)

  10. JS生成二维码(兼容各种浏览器及中文)

    本文将介绍如何使用JS生成二维码,兼容各种浏览器及手机端,支持中文. 代码如下: <!DOCTYPE html> <html> <head> <meta ch ...

最新文章

  1. Vivado中单端口和双端口RAM的区别
  2. C# 深入浅出 委托与事件
  3. BeyondCompare4如何破解
  4. 做网站用UTF-8还是GB2312?
  5. 比尔盖茨为什么能成为世界首富?
  6. hdu 2188巴什博弈
  7. Java 算法 礼物分配
  8. msvcp140.dll缺失
  9. 《深入剖析Nginx》一2.5 加桩调试
  10. 归并排序java示例
  11. [从零开始学FPGA编程-4]:快速入门篇 - 操作步骤1 - 常见可编程器件PROM、PLA、PAL、GAL、CPLD、FPGA
  12. 开源软件的版权与许可证
  13. AMiner发布2022 AI 2000人工智能最具影响力学者名单
  14. 服务器远程关机后开机开不了,远程开关机系统安全吗
  15. td-agent windows 安装步骤
  16. 【金仓数据库设置主键自增】
  17. 工作第十四周:整理收藏夹、旧文章有感
  18. 跟益达学Solr5之拼音分词
  19. 越南支付 移动快速增长 Fpay
  20. js-前端video播放器

热门文章

  1. mac刷新dns、windows刷新dns、刷新dns缓存命令
  2. quartusII编译时出现Error (119013): Current license file does not support the EP4CE6F17C8 device
  3. 多功能小游戏神器微信小程序源码
  4. Redis的lua脚本
  5. 小米浏览器禁止java,如何禁止小米手机浏览器中弹出窗口广告
  6. XMPP即时通讯机制
  7. 易用宝项目记录day6-login和权限管理
  8. lammps运行Linux,Lammps安装教程
  9. JTAG各类接口针脚定义及含义
  10. TCP和UDP和端口