JavaScript动态生成二维码图片

 更新时间:2016年04月20日 14:04:07   作者:weishuanbao  
本文给大家介绍js动态生成二维码图片的相关内容,感兴趣的朋友一起学习吧

1.html代码

<div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div>

2.引入外部js文件

<script src="QRCode.js"></script>

3.方法调用

var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 200,
height : 200
}); 
var token='params';
var QRCodeUrl='http:\\www.baidu.com'+'/Share/ScanQRCode?token='+token;
qrcode.makeCode(QRCodeUrl); 

以上内容是小编给大家介绍的JavaScript动态生成二维码图片的相关内容,希望对大家有所帮助!

相关文章

  • Locate a File Using a File Open Dialog Box

    Locate a File Using a File Open Dialog Box

    Locate a File Using a File Open Dialog Box...
    2007-06-06
  • 动态加载script文件的两种方法

    动态加载script文件的两种方法

    第一种就是利用ajax方式,第二种是,动态创建一个script标签,设置其src属性,通过把script标签插入到页面head来加载js,感兴趣的朋友可以了解下
    2013-08-08
  • Js+Jq获取URL参数的集中方法示例代码

    Js+Jq获取URL参数的集中方法示例代码

    这篇文章主要介绍了Js+Jq获取URL参数的集中方法,需要的朋友可以参考下
    2014-05-05
  • JavaScript异步编程操作实现介绍

    JavaScript异步编程操作实现介绍

    异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。在我们学习的传统单线程编程中,程序的运行是同步的,同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行,而异步的概念则是不保证同步的概念
    2022-09-09
  • JavaScript实现自动生成带水印的图片

    JavaScript实现自动生成带水印的图片

    这篇文章主要来和大家一起讨论如何利用JavaScript实现一个复杂功能,该功能可以自动为图片添加水印,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • JS实现兼容各浏览器解析XML文档数据的方法

    JS实现兼容各浏览器解析XML文档数据的方法

    这篇文章主要介绍了JS实现兼容各浏览器解析XML文档数据的方法,涉及javascript对XML文件的解析技巧,并根据各浏览器进行了相关调整,具有良好的兼容性,需要的朋友可以参考下
    2015-06-06
  • 小程序开发实现access_token统一管理

    小程序开发实现access_token统一管理

    本文主要介绍了小程序开发实现access_token统一管理,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • next.js getServerSideProps源码解析

    next.js getServerSideProps源码解析

    这篇文章主要为大家介绍了next.js getServerSideProps源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 使用 JS 判断用户是否处于活跃状态的案例详解

    使用 JS 判断用户是否处于活跃状态的案例详解

    这篇文章主要介绍了如何使用 JS 判断用户是否处于活跃状态,案例演示了如何获取用户活跃状态,时间阈值定为5秒,超出该阈值没有操作表示非活跃,否则属于正在活跃中,需要的朋友可以参考下
    2024-05-05
  • 分享网页检测摇一摇实例代码

    分享网页检测摇一摇实例代码

    这篇文章主要介绍了分享网页检测摇一摇实例代码的相关资料,需要的朋友可以参考下
    2016-01-01

最新评论