JS二维码生成插件,一键生成二维码

jquery.qrcode是个依赖jquery的二维码生成插件,主要用于连接和文本的二维码生成,有两种生成格式canvas和table格式的,当然canvas不支持低版本浏览器,table有点小bug,但是没啥大问题。建议使用在移动端上。

这儿插件可以扩展开发,本来也是MIT协议的东西,后期我有可能会加点其他的功能,目前考虑的是加logo了,其他的再说。

这个js插件可以点击生成,列表生成都是可以的,写的方法跟JQ是一样的,不懂得可以留言。

【github地址:https://github.com/jeromeetienne/jquery-qrcode】代码可以去github下载,可以到文章的最下面使用百度网盘,我会提供的

这次我就简单的给大家介绍一下jquery-qrcode的使用方法。(www.gendan5.com)

<script type="text/javascript" src="jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<div class="qrcode1"></div>
<div class="qrcode2"></div>
<div class="qrcode3"></div>
<script type="text/javascript">
$(document).ready(function () {
//一、如果是英文字符
$(‘.qrcode1‘).qrcode({
render: "canvas", //两种模式1、table 2、canvas
correctLevel: 1,//识别度
quiet:20,
width: 200,//宽度
height: 200,//高度
foreground: "#333",//纹路色
background: "#eee",//背景色
text: "http://cenggel.com",//文字
});

    //二、链接带中文的时候需要使用encodeURI进行转码才可以
    $(‘.qrcode2‘).qrcode({
        render: "canvas", //两种模式1、table  2、canvas
        correctLevel: 1,//识别度
        width: 200,//宽度
        height: 200,//高度
        foreground: "#333",//纹路色
        background: "#eee",//背景色
        text: (encodeURI("http://cenggel.com/tag/chrome插件"))//文字
    });
    //三、文字中包含中文+英文字符的时候
    var str = "CGLweb前端 cenggel.com";
    var out, i, len, c;
    out = "";
    len = str.length;
    for(i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if ((c >= 0x0001) && (c <= 0x007F)) {
            out += str.charAt(i);
        } else if (c > 0x07FF) {
            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
            out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        } else {
            out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        }
    }
    //转换代码来自于网络,出处实在是不好说,如果知道出处请提供一下链接,谢谢
    $(‘.qrcode3‘).qrcode({
        render: "canvas", //两种模式1、table  2、canvas
        correctLevel: 3,//识别度
        width: 200,//宽度
        height: 200,//高度
        foreground: "#333",//纹路色
        background: "#eee",//背景色
        text:out   //文字
    });
});

</script>
<style type="text/css">
body{ width:1200px; margin:0 auto;}
div{ margin:100px; width:200px; float:left;}
</style>

原文地址:https://blog.51cto.com/14513127/2435500

时间: 2024-09-29 01:58:04

JS二维码生成插件,一键生成二维码的相关文章

?IntelliJ IDEA使用技巧—使用EasyCode插件一键生成代码04期

在现如今的软件开发过程中,软件开发人员将很多的精力放在重复的编码中.特别是流行的MVC架构模式下,项目各个层次的功能更加独立,这也间接的造成了代码的相似度更高.因此需要寻找一种可以减少软件开发人员重复编码的方式,让软件开发人员可以将更多的精力放在业务逻辑编码以及其他更具有价值的工作上. 今天小编向大家介绍一种一款IntelliJ IDEA上的免费开源插件EasyCode,可以方便的根据数据库生成相应的代码.实际就是利用逆向工程自动生成实体类和dao成的代码. EasyCode是基于Intelli

用mybatis生成插件自动生成配置文件

1.在当前的maven项目的pom.xml中添加插件 <build> <plugins> <plugin> <groupId>org.mybatis.generator</groupId> <artifactId>mybatis-generator-maven-plugin</artifactId> <version>1.3.2</version></plugin> </plugi

Android一键锁屏源码

APK下载 源程序下载 锁屏流程如下(参考于Android一键锁屏开发全过程[源码][附图]) 源码参考于一键锁屏 源码 一共有2个Java文件: 1 package com.example.onekeylock.app; 2 3 import android.app.admin.DeviceAdminReceiver; 4 5 public class AdminReceiver extends DeviceAdminReceiver{} AdminReceiver.java 1 packag

jquery二维码生成插件jquery.qrcode.js

插件描述:jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码. 转载于:http://www.jq22.com/jquery-info294 如何使用它 将jquery.qrcode.min.js和jquery添加到您的网页中 <script src="jquery.min.js"></script> <script type="text/javascrip

二维码生成插件(jquery.qrcode.js)说明文档

jquery.qrcode.js 是一个纯浏览器用于生成二维码图片的插件,生成的 QRcode 无需下载图片,并且不依赖第三方服务,下面插件使用的是压缩版本,大小不超过4K qrcode.js 是实现二维码数据计算的核心类, jquery.qrcode.js 是把它用jquery方式封装起来的,用它来实现图形渲染,其实就是画图(支持canvas和table两种方式)默认是canvas,canvas方式还支持右键图片下载 使用方法(jquery.qrcode.min.js)-----轻量级实现方式

一键生成二维码

工作中查资料偶然发现一个网站 自我感觉比bootstrap好用 贴上网址:http://www.pintuer.com/ 下载解压之后,可以看到这几个文件: 起步中有一个respond.js文件根据实际情况确定是否下载 插件中有一个生成二维码的插件,下载下来 解压后得到一个文件 新建HTML文件 将这些文件引入 引用顺序 jQuery.js在pintuer.js之前引用,如有自定义的CSS或JS,请在pintuer.css及pintuer.js之后引用,同时为了IE8下正常使用响应式,自定义的C

Chrome浏览器二维码生成插件

  猛击就可以使用啦->>>猛击使用   源码如下: 源码打包   源码: jquery-2.1.3.min.js jquery.qrcode.min.js https://github.com/jeromeetienne/jquery-qrcode spectrum.css spectrum.js https://github.com/bgrins/spectrum manifest.json { "manifest_version": 2, "name&

用jquery.qrcode.js生成高大尚的二维码

二维码的作用 1)  移动设备扫一扫,方便"带走"阅读(即把URL生成二维码) 2)  可以传递信息(单纯的把字符串生成二维码) 第三方开源库 项目源码:https://github.com/jeromeetienne/jquery-qrcode qrcode.js  实现二维码的核心函数库 jquery.qrcode.js  用jquery把核心函数库封装起来.用它来实现图形渲染,其实就是画图(支持canvas和table两种方式). 使用方法 1)  引入jquery库 2)  引

js实现生成中间带图片的二维码

之前需要实现生成中间带图片的二维码,所以找了半天终于找到一个可以用的.于是在这里记录一下. 下面是需要注意的几点: 1.使用的js为jquery-qrcode 但是已经经过别人的修改,和网上原来的那些不一样,所以网上的js不能用. 2.生成的图片大小可以调整 3.我尽可能保留了原作者的所有代码,都没有动过. 4.更多的方法和参数还是要参考官方的github和文档. http://files.cnblogs.com/files/linkstar/%E7%94%9F%E6%88%90%E4%B8%A