文档章节

使用jquery-qrcode生成二维码

大道至精
 大道至精
发布于 2014/12/08 14:58
字数 320
阅读 1597
收藏 21
<!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>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>使用jquery-qrcode生成二维码,支持中文</title>  
   <script src="jquery-1.10.2.js"></script>
   <script src="jquery.qrcode.js"></script>
    <script type="text/javascript">  
        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;  
        }  
        $(function () {  
           jQuery('#output').qrcode({size:'500',correctLevel:0,text:utf16to8("http://my.oschina.net/superkangning")});  
    
        })      
    </script>  
</head>  
<body>  
<div id="output" style="margin-left:200px;"></div>  
</body>  
</html>

 经过简单实践,

使用canvas方式渲染性能还是非常不错的,但是如果用table方式,性能不太理想,特别是IE9以下的浏览器,所以需要自行优化一下渲染table的方式,这里就不细述了。

  jquery-1.10.2.js  和 jquery.qrcode.js 到网上下载,引入运行即可看到效果,简单实用

© 著作权归作者所有

大道至精
粉丝 50
博文 53
码字总数 58567
作品 0
黄浦
程序员
私信 提问
jquery.qrcode 生成二维码

识别字符串 1、首先下载 jquery.qrcode 插件后,在页面中引入 jquery 库文件和 qrcode 插件。 2、在页面中需要显示二维码的地方加入标签: 3、调用 qrcode 插件。 qrcode 支持 canvas 和 ta...

Jack088
2015/07/30
0
0
JS生成二维码 jquery.qrcode 插件

使用jquery.qrcode生成二维码 二维码应用已经成为app 和网页的标配,那么在开发中不少人问,怎么生成二维码,现在我就讲解一种 js 直接生成图片的方法,后台都无需参与,前端就是牛 本文将介...

xllily_11
2017/11/14
0
0
在web页面上快速生成二维码的两种实用方法

二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~ 方法1:使用新浪提供的服务 这种方式简单快速,在服务端生成一个二维码的图片,兼...

第三方支付接口
2015/05/18
0
1
js二维码生成插件“jquery.qrcode.min.js”

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>生成二维码</title> <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></scri......

泉天下
05/20
0
0
定制专属二维码思路——实现【微信,QQ】扫码登录

效果演示 1.先在natapp实现外网映射(https://natapp.cn) 2.natapp.exe 3.生成token链接(先开启redis) 用QQ或者微信扫描网页二维码 手机QQ和微信扫码登陆原理解密 使用java的二维码框架生成...

须臾之余
05/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

以太坊中文文档翻译-区块

本文原文链接 点击这里获取Etherscan API 中文文档(完整版) 完整内容排版更好,推荐读者前往阅读。 区块(Blocks) 区块相关的 API,接口的参数说明请参考Etherscan API 约定, 文档中不单独...

Tiny熊
28分钟前
1
0
Linux 内核的一个问题

是virtio 驱动,但是没有启动 virtio-mmio virtio-mmio.0: Failed to enable 64-bit or 32-bit DMA. Trying to continue, but this might not work.....[ 1.047924] md: ... autorun......

MtrS
51分钟前
2
0
MySQL主从配置

17.1 MySQL主从介绍 17.2 准备工作 17.3 配置主 17.4 配置从 17.5 测试主从同步 一、 MySQL主从介绍

tobej
今天
2
0
读书replay《博弈与社会》.1.20190526

前情 《美丽心灵》,一部讲数学家约翰·福布斯·纳什的电影,我第一次听到博弈理论就是在这部电影里。看过电影之后就一直想知道,博弈论究竟讲了什么。很久之后,20190417这天,我刷JD的购物...

wanxiangming
今天
2
0
iOS TableView层级结构剖析

首先上图 下面来分析一下tableView的层级结构 tableView的组成: 1.整个tableView有且仅有一个头部和尾部就是tableViewHeadView和tableViewFooterView2.tableView 可以有多个section,一个s...

HOrange
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部