网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 jQuery qrcode生成二维码的方法
内容
    现在二维码越来越流行,很多网页都会有个二维码,扫描后可通过手机浏览。jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件,下面通过本文给大家介绍jQuery qrcode生成二维码的方法,需要的朋友参考下
    现在二维码越来越流行,很多网页都会有个二维码,扫描后可通过手机浏览。
    以前做类似的项目一般是在网页上生成图片,然后把图片插入到网页。
    这样做不能每个页面都生成二维码。
    jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件。它是独立的,最小压缩之后不足4k,也没有图片下载请求。引入该类库之后,只需要一行代码,就可以很容易在web页面加上二维码。
    qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,可以到
    https://github.com/jeromeetienne/jquery-qrcode
    获取最新的代码。
    如何使用
    1、首先在页面中加入jquery库文件和qrcode插件
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.qrcode.min.js"></script>
    2、在页面中需要显示二维码的地方加入以下代码:
    <div id="code"></div>
    3、调用qrcode插件
    qrcode支持canvas和table两种方式进行图片渲染,默认使用canvas方式,效率最高,当然要浏览器支持html5
    直接调用:
    $('#code').qrcode("http://www.jb51.net.com"); //任意字符串
    高级属性:
    $("#code").qrcode({
    render: "table", //table方式
    width: 200, //宽度
    height:200, //高度
    text: "www.helloweba.com" //任意内容
    });
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/21 21:34:26