用qrcode生成二维码_js生成带logo的二维码微信

用qrcode生成二维码_js生成带logo的二维码微信用js写二维码

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

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

基本用法

<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "http://www.runoob.com");  // 设置要生成二维码的链接
</script>

或者使用一些可选参数设置:

var qrcode = new QRCode("test", { 
   
    text: "http://www.runoob.com",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

同样我们可以使用以下方法:

qrcode.clear(); // 清除代码
qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码

浏览器支持
支持该库的浏览器有:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等。

实例代码

<input id="text" type="text" value="http://www.runoob.com" /><br />
<div id="qrcode"></div>
#qrcode { 
   
width:160px;
  height:160px;
  margin-top:15px;
} 
var qrcode = new QRCode("qrcode");

function makeCode () { 
         
    var elText = document.getElementById("text");
    
    if (!elText.value) { 
   
        alert("Input a text");
        elText.focus();
        return;
    }
    
    qrcode.makeCode(elText.value);
}

makeCode();

$("#text").
on("blur", function () { 
   
    makeCode();
}).
on("keydown", function (e) { 
   
    if (e.keyCode == 13) { 
   
        makeCode();
    }
});

疫情封闭了三个月 今天终于来公司上班啦 转个突然想起来的知识点

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180981.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月17日 下午3:00
下一篇 2022年10月17日 下午3:00


相关推荐

  • linux shell 脚本 pdf,Shell脚本学习指南 中文PDF版

    linux shell 脚本 pdf,Shell脚本学习指南 中文PDF版Shell 脚本学习指南 将告诉你这些有关 UNIX 主流工具的知识 除此之外 Shell 脚本学习指南 还会帮助你解决 UNIX 命令与标准的差异 作者熟知 UNIx 程序使用的基本技巧与操作上细微的差异 他们不但会告诉你如何构建一个绝佳的脚本 还会教你如何避免落入让你功亏一篑的陷阱 有了 Shell 脚本学习指南 你可以节省很多力气 我们要学习的不只是如何写出有用的 Shell 脚本 你还得了解如何迅速 确实

    2026年3月19日
    1
  • windows 7 boot loader

    windows 7 boot loaderFrom:http://blog.csdn.net/richion/archive/2009/08/05/4414189.aspxWindow7的核心版本号是NT6.1,和vistaNT6.0还是属于一个系列的,因此采用了一样的启动管理机制。对于双系统来说,正如98和xp共存的双系统一样,xp和7共存的算系统安装也是要有先后顺序的。因为windows的启动管

    2022年10月12日
    9
  • java中中文显示乱码_java中显示中文乱码解决方法

    java中中文显示乱码_java中显示中文乱码解决方法java显示乱码解决方法:1、utf8解决JSP中文乱码问题一般说来在每个页面的开始处,加入:charset=UTF-8的作用是指定JSP向客户端输出的编码方式为“UTF-8”;pageEncoding=”UTF-8″,为了让JSP引擎能正确地解码含有中文字符的JSP页面,这在LINUX中很有效;request.setCharacterEncoding(“UTF-8”);是对请求进行了中文编码。有…

    2022年7月7日
    29
  • 零基础如何入门激光SLAM

    零基础如何入门激光SLAM杂谈最近有几个人加我 都说是刚开始学激光 slam 基本都是研一 情况也都差不多 有的是课题组里只有自己做 slam 有的是完全没人带 自己也没有基础 仔细想一想 其实入门 slam 真是个不容易的事 首先 编程语言 大多数使用 c 少数用 python c 你得至少能写个小 demo 吧 知道了如何写 c 还要准备编译环境吧 由于编译以及依赖等问题 做 slam 基本都用 linux 还得知道如何使用 ubuntu 的命令行 知道怎么编译代码 关于机器人相关的大部分代码都使用 ros 做接口 因为接口统一 使用方式统

    2026年3月18日
    2
  • ASP.NET跳转网页的三种方法的比较(转+修)

    ASP.NET跳转网页的三种方法的比较(转+修)方法1response.redirect这个跳转页面的方法跳转的速度不快,因为它要走2个来回(2次postback),但他可以跳转到任何页面,没有站点页面限制(即可以由雅虎跳到新浪),同时不能跳过登录保护。但速度慢是其最大缺陷!redirect跳转机制:首先是发送一个http请求到客户端,通知需要跳转到新页面,然后客户端在发送跳转请求到服务器端。需要注意的是跳转后内部空间保存的所…

    2022年7月20日
    18
  • Manus核心技术Browser Use开源:让AI像人类一样浏览网页并自动执行Web任务!

    Manus核心技术Browser Use开源:让AI像人类一样浏览网页并自动执行Web任务!

    2026年3月15日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号