jquery生成二维码,html5生成二维码

基于jquery页面怎么生成二维码code length overflow

根据信息生成二维码 jquery 动态 1、首先在页面中加入jquery库文件和qrcode插件。 2、在页面中需要显示二维码的地方加入以下代码： 3、调用qrcode插件。 qrcode支持canvas和table两种方式进行图片渲染，默认使用canvas方式，效率最高，当然要浏...

jquery生成一个二维码，但是他不是图片，怎样可以把二维码变成图片呢？

jQuery 的qrcode插件可以生成两种渲染方式的二维码。

一种是table的，也就是各种点堆积的table。

另一种是canvas。这种可以右键点击图片另存为。

jquery怎么实现url地址生成二维码实例

如果是一个固定的二维码，我们只需要在网上找个地方生成图片，然后放上图片就可以了。但如果是地址不固定需要根据页面来生成的话。就有两种做法，一个是后端根据页面做一个动态的二维码。一种是前端使用插件生成。

本文要推荐的是一个jQuery二维码插件，它可以根据你设定的地址来生成一个二维码，二维码可以有div格式的，也有Canvas格式的，canvas的支持自定义logo和文字在上面。

jquery.qrcode.js 是把它用jquery 方式封装起来的，用它来实现图形渲染，其实就是画图支持canvas 和table 两种方式

支持的功能主要有：

1.text : "" //设置二维码内容 render，canvas

2.width :256, //设置宽度

3.height : 256, //设置高度

4. typeNumber : -1, //计算模式

5.correctLevel : QRErrorCorrectLevel.H,//纠错等级

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

7.oreground : "#000000" //前景颜色

jquery.qrcode.js生成二维码，怎么生成中文的

1 %@ page language="java" contentType="text/html; charset=UTF-8"

2 pageEncoding="UTF-8"%

3 !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""

4 html

5 head

6 meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

7 title该二维码支持中文和LOGO/title

8

9 script type="text/javascript" src="jquery-1.8.0.js"/script

10 script type="text/javascript" src="utf.js"/script

11 script type="text/javascript" src="jquery.qrcode.js"/script

12 script type="text/javascript"

13 $(document).ready(function() {

14 $("#qrcodeCanvas").qrcode({

15 render : "canvas", //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好

16 text : "这是修改了官文的js文件，此时生成的二维码支持中文和LOGO", //扫描二维码后显示的内容,可以直接填一个网址，扫描二维码后自动跳向该链接

17 width : "200", //二维码的宽度

18 height : "200", //二维码的高度

19 background : "#ffffff", //二维码的后景色

20 foreground : "#000000", //二维码的前景色

21 src: 'photo.jpg' //二维码中间的图片

22 });

23 });

24 /script

25

26 /head

27 body

28 center

29 h2该二维码支持中文和LOGO/h2

30 div id="qrcodeCanvas"/div

31 /center

32 /body

33 /html

如何获取jquery生成的二维码

首先下载jquery.qrcode插件

新建一个包括了jquery和jquery.qrcode的页面

调用qrcode插件

$('#qrcode').qrcode(""); //任意字符串

浏览器中时如下结果，默认情况下qrcode生成的是canvas图片，这样效率高，但需要浏览器支持html5

如果不支持html5，可以用table方式对图片进行渲染

$('#qrcode').qrcode({

render: "table",

text: ""

});

在浏览器中查看可以发现图片时由一个个div拼合而成的