使用二维码生成库 qrcode.js生成二维码

什么是 QRCode.js?

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

<!DOCTYPE html>
<html>
<head><title></title><meta charset="utf-8"/><script type="text/javascript" src="https://static.runoob.com/assets/qrcode/qrcode.min.js"></script><style></style>
</head>
<body><div id="qrcode"></div><input type="text" id="getval"/> <button id="send">点击生成二维码</button>
</body>
<script>var qrcode = new QRCode(document.getElementById("qrcode"), {width : 96,//设置宽高height : 96});qrcode.makeCode("http://www.baidu.com");document.getElementById("send").onclick = function() {qrcode.makeCode(document.getElementById("getval").value);}
</script>
</html>

js将url转换二维码相关推荐

  1. html+js 调用摄像头识别二维码

    1. html调起摄像头,参考文档:https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia 2.识别二维码 ...

  2. 鼠标悬停出现二维码动画放大,url转二维码

    鼠标悬停出现二维码动画放大,url转二维码 效果 首先引入jq和qrcode.js <script type='text/javascript' src='http://cdn.staticfi ...

  3. URL转二维码,图片

    一.使用到的jar包 <dependency><groupId>com.google.zxing</groupId><artifactId>core&l ...

  4. 一些文件转化操作:base64转url、url转二维码、多文件转压缩下载

    一.PDF文件base64转为url //pdf文件base64 let base64 = data.data; let bstr = atob(base64); let n = bstr.lengt ...

  5. QRCode.js -- 用 Javascript 生产二维码

    QRCode.js是一个生成二维码的JS库.QRCode.js支持在DOM中使用跨浏览器Canvas和table标签的. QRCode.js不依赖其他JS库. 基本用法: <div id=&qu ...

  6. PHP根据指定url生成二维码图片

    一.composer安装 http://packagist.p2hp.com/packages/codeitnowin/barcode 二.使用 调用generateQrCode()方法即可实现生成二 ...

  7. JS的条形码和二维码生成

    一.前言 最近做项目用到了JS生成条形码和二维码,内容不多,整理一下方便使用. 2018年7月5日更新: 二维码生成时,如果长度太长会有异常: Uncaught Error: code length ...

  8. 网站url生成二维码

    1.导入maven依赖 <!-- https://mvnrepository.com/artifact/com.google.zxing/core --> <dependency&g ...

  9. Java实现将文本内容、网址链接url,生成二维码与反解析

    2019独角兽企业重金招聘Python工程师标准>>> Java实现将文本内容.网址链接url,生成二维码与反解析 QR码的"QR"是Quick Response ...

最新文章

  1. 【03】Spark分析日志实例
  2. OCR识别-python版(一)
  3. ITK:从灰度图像计算直方图
  4. ubuntu 安装lamp
  5. VM克隆之后启动eth0找不到eth0:unknown interface:no such device
  6. php设计者,PHP设计者---composer
  7. 快速了解云原生中的微服务应用(内含福利)
  8. 区块链架构与应用(区块链入门篇)
  9. mysql se_常见的MySQL命令
  10. veevalidate的使用3.X版本
  11. 组态王中时间存access怎么存_组态王如何实现实时显示数据并且记录到Access数据库中?...
  12. (四)机器学习方法的分类
  13. 微信开放平台----微信扫码登录
  14. 图灵奖得主David Patterson出席2022全球软件研发技术大会
  15. java 判断今天星期几_java判断今天星期几
  16. VMD常用命令(转载)
  17. 海康威视错误代码0xf_海康威视视频智能分析整理文档
  18. error日志的用法
  19. C语言中变量的作用域和生存期
  20. gms认证流程_GMS认证流程及周期 智能手机和平板GMS授权

热门文章

  1. 理财入门《小狗钱钱》阅读总结
  2. R语言 关联规则(二)
  3. python编程的缩进什么意思_编程缩进是什么意思
  4. 嵌入式linux 竖屏,嵌入式Linux下竖屏显示配置
  5. 打造最美HTML5 3D机房 —— 第二季重磅回归
  6. 开源组件系列(5):数据的序列化(Thrift、Protobuf、Avro)
  7. 硬盘和显卡的访问与控制
  8. 网站备案其实是服务器备案,国内服务器为什么需要备案?国外服务器备案吗?
  9. 有关html的英文参考文献,出版英文科技专著:纠结的参考文献
  10. c# 远程网络唤醒电脑(电脑远程开机+内网MAC和IP扫描)(附带源码+主板和Windows开启详细说明+外网远程唤醒方案)