博客列表 >jq 生成二维码

jq 生成二维码

南鸢离梦的博客
南鸢离梦的博客原创
2019年11月12日 15:57:30672浏览

// 引入jq qrcode

<script type="text/javascript" src="/static/js/jquery.qrcode.min.js"></script>

想显示二维码的地方

<div id="code"></div>

// 需要打印时,放出来

// <img id="image" src="" />
JS

$(document).ready(function(){

  1. var number = $("#number").val();
  2. $("#code").qrcode({
  3. render: "canvas", //table方式
  4. width: 235, //宽度
  5. height:235, //高度
  6. text: number //任意内容
  7. });

})
// 如果要打印(canvas 是动态生成不能直接打印,所以要赋值给img标签)

var img = document.getElementById(“image”); // get image element

var canvas = document.getElementsByTagName(“canvas”)[0]; // get canvas element

var div = document.getElementById(“code”);

div.style.display = ‘none’;

img.src = canvas.toDataURL();

下载地址http://www.jq22.com/jquery-info294

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议