你好,游客 登录 注册 搜索
背景:
阅读新闻

陕西快乐十分出号走势图:js生成二维码以及插入图片

[日期:2016-08-01] 来源:博客园  作者: [字体: ]

陕西快乐十分开走势图 www.ajyle.tw   先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/

  进入demo中,审查元素查看里面引用的js文件,你会发现jquery-qrcode-0.14.0.js,这个版本支持二维码中插入图片。

  下面是我写的一个列子:

  引用js:

  

  

  index.html

  

  

  

  

  

  

  

  

  

  

  

  

 

 

  

  

  

  xy qrcode.js(给 qrcode传 生成的二维码属性)

  function xyqrcode(options) {

  var settings = {

  dom:'',

  render: 'canvas', //生成二维码的格式还有image、div

  ecLevel:"H",

  text:"",

  background:"#ffffff",

  fill:"#333333", //二维码纹路的颜色

  fontcolor:"#ff9818",

  fontname:"Ubuntu",

  image:{},

  label:"",

  mPosX:0.5, //图片在X轴的位置

  mPosY:0.5, //图片在X轴的位置

  mSize:0.27, //图片大小

  minVersion:10,

  mode:4,

  quiet:1,

  radius:1,

  size:400

  };

  if (options) {

  $.extend(settings, options);//

  options对象跟settings比较,相同的就替换,没有的就添加

  }

  if(settings.dom.length==0){

  window.console.log("Error: dom empty!");

  return;

  }

  if(settings.url.length==0){

  window.console.log("Error: url empty!");

  return;

  }

  settings.text=settings.url; //在qrcode生成二维码的地址是text。这里就把url赋值给text

  $(settings.dom).qrcode(settings);

 

  }

收藏 推荐 打印 | 录入:Cstor | 阅读:
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款