你好,游客 登錄 注冊 搜索
背景:
閱讀新聞

陕西快乐十分直选遗漏数据: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)
表情: 表情 姓名: 字數
點評:
       
評論聲明
  • 尊重網上道德,遵守中華人民共和國的各項有關法律法規
  • 承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
  • 本站管理人員有權保留或刪除其管轄留言中的任意內容
  • 本站有權在網站內轉載或引用您的評論
  • 參與本評論即表明您已經閱讀并接受上述條款