<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="js/jquery.min.js"></script>

    <script src="js/jquery.qrcode.min.js"></script>

    <script>

//        jQuery(function () {

//            $("#qrcode").qrcode({

//                render: "table", //table方式

//                width: 200, //宽度

//                height: 200, //高度

//                text: "www.codesky.net" //任意内容

//            });

        //        });

        function generateQRCode(rendermethod, picwidth, picheight, url) {

            $("#qrcode").qrcode({

                render: rendermethod, //rendermethod, 渲染方式有table方式（IE兼容）和canvas方式

                width: picwidth, //宽度 

                height: picheight, //高度 

                text: url, //内容 中文utf16to8(url),

                typeNumber: -1, //计算模式

                correctLevel: 2, //二维码纠错级别

                background: "#ffffff", //背景颜色

                foreground: "#000000"  //二维码颜色

            });

        }

        function init() {

            generateQRCode("table", 200, 200, "https://hao.360.cn/");

            var margin = ($("#qrcode").height() - $("#codeico").height()) / 2;

            $("#codeico").css("margin", margin);

        }

        //中文编码格式转换

        function utf16to8(str) {

            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));

                }

            }

            return out;

        }   

    </script>

    </script>

    <style type="text/css">

        #codeico{

            position:fixed;

            z-index:9999999;

            width:30px; 

            height:30px;

            background:url(images/text.png) no-repeat;

        }

    </style>

</head>

<body  onload="init()">

    <div id="qrcode">

        <div id="codeico"></div>

    </div>

</body>

</html>

下载js地址：http://www.oschina.net/p/jquery-qrcode-js

jquery.qrcode.js生成二维码的更多相关文章

  1. 使用jquery.qrcode.js生成二维码

    通常生成二维码的方式有两种:第一种是java代码的形式,第二种是通过Js方式. 在这里我做个记录,用js生成二维码,可以在官网下载源码:http://jeromeetienne.github.io/j ...

  2. 转: jquery.qrcode.js生成二维码插件&转成图片格式

    原文地址: https://blog.csdn.net/u011127019/article/details/51226104 1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持can ...

  3. jquery.qrcode.js生成二维码（前端生成二维码）

    官网地址:http://jeromeetienne.github.io/jquery-qrcode/ 第一步引入插件: <script type='text/javascript' src='h ...

  4. jquery.qrcode.js 生成二维码并支持中文的方法

    GitHub地址: https://github.com/jeromeetienne/jquery-qrcode <div class="QR"></div> ...

  5. QRCode.js生成二维码

    QRCode的GitHub地址: https://github.com/KeeeX/qrcodejs 该版本解决了主版本(https://github.com/davidshimjs/qrcodejs ...

  6. qrcode.js生成二维码因字符串过长而报错

    前端使用qrcode.js生成二维码的时候.有时候是会出现 qrcode length overflow (1632>1056) 目前使用的有效的解决办法是重新下载新版的qrcode.js 下载 ...

  7. 利用vcard和qrcode.js生成二维码导入联系人

    vCard是一种容许交换个人信息的数据规范,vCard数据格式的标识符是VCARD,vCard数据格式行是: 类型 [;参数]:值,具体的介绍百度都有,我们可以通过vcard来进行通讯录的保存,名片的 ...

  8. 【QRcode二维码】：使用JS前端插件QRcode.js生成二维码

    1.先简单说一下jquery-qrcode,这个开源的三方库(可以从https://github.com/jeromeetienne/jquery-qrcode 获取), qrcode.js 是实现二 ...

  9. QRCode.js 生成二维码

    QRCode.js 是一个用于生成二维码图片的插件. github地址 在线实例 实例预览 基础示例 实例预览 API 接口 使用方法 载入 JavaScript 文件 <script src= ...

随机推荐

  1. asterisk中使用dahdi通道呼出的注意事项

    asterisk中使用dahdi通道呼出的注意事项 在使用dahdi通道呼出的时候,可以在Dial中对呼出所使用的通道进行指定选择.以下面的例子来说明: 场景说明:数字板卡单E1,使用pri信令,1- ...

  2. php中soap的使用实例以及生成WSDL文件，提供自动生成WSDL文件的类库——SoapDiscovery.class.php类

    1. web service普及: Webservice soap wsdl区别之个人见解 Web Service实现业务诉求:  Web Service是真正“办事”的那个,提供一种办事接口的统称. ...

  3. Java高级开发工程师

  4. windows timeGetTime() 函数 获取系统从开机到现在的毫秒时间值

    #include <windows.h> #include <iostream> #pragma comment( lib,"winmm.lib" ) in ...

  5. springmvc使用pojo和servlet原生api作为参数

    一.Pojo作为参数: 实体: package com.hy.springmvc.entities; public class User { private String username; priv ...

  6. Java 线程间通讯（共享变量方式）

    Java线程间通讯,最常用的方式便是共享变量方式,多个线程共享一个静态变量就可以实现在线程间通讯,但是这需要注意的就是线程同步问题. 一.没考虑线程同步: package com.wyf; publi ...

  7. C# Winform常见的Editor

    常见Editor: 1)ArrayEditor,继承自CollectionEditor 2)BinaryEditor 3)CollectionEditor 4)DateTimeEditor 5)Mul ...

  8. HDU 5808[数位dp]

    /* 题意: 给你l和r,范围9e18,求l到r闭区间有多少个数字满足,连续的奇数的个数都为偶数,连续的偶数的个数都为奇数. 例如33433符合要求,44不符合要求.不能含有前导零. 思路: 队友说是 ...

  9. var obj = {};var obj2 = [];var obj3;

    <script> var obj = {}; console.log(obj); var obj2 = []; console.log(obj2); var obj3; console.l ...

  10. Linux查看物理CPU个数、核数、逻辑CPU个数（转载）

    # 总核数 = 物理CPU个数 X 每颗物理CPU的核数 # 总逻辑CPU数 = 物理CPU个数 X 每颗物理CPU的核数 X 超线程数 # 查看物理CPU个数cat /proc/cpuinfo| g ...