DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 基於JavaScript實現生成名片、鏈接等二維碼
基於JavaScript實現生成名片、鏈接等二維碼
編輯:關於JavaScript     

廢話不多說,直接貼代碼了,具體內容如下;

<div id = "qrcodeid"></div> //生成的二維碼放在此 div 中
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode 下載 )
<script>
function utf16to8(str) { //解決中文亂碼
  var out, i, len, c; 
  out = ""; 
  len = str.length; 
  for(i = 0; i < len; i++) { 
  c = str.charCodeAt(i); 
  if ((c >= 0x0001) && (c <= 0x007F)) { 
    out += str.charAt(i); 
  } else if (c > 0x07FF) { 
    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); 
    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); 
    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
  } else { 
    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); 
    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
  } 
  } 
  return out; 
} 
</script>
<script>//此處生成名片二維碼(如要生成普通鏈接二維碼 則 “text”參數值 直接替換成普通鏈接即可)
var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:職稱 \r\nORG:公司(組織) \r\nEMAIL;INTERNET,HOME:[email protected] \r\nADR;WORK,POSTAL:地球中國山東... \r\nURL:http://leerd.cn \r\nEND:VCARD";
the_text = utf16to8(the_text);
//alert(the_text);
jQuery('#qrcodeid').qrcode({
width:140,
height:140,
render:"canvas", //設置渲染方式 table canvas
typeNumber : -1,  //計算模式 
correctLevel  : 0,//糾錯等級 
background   : "#ffffff",//背景顏色 
foreground   : "#000000",//前景顏色 
text:the_text
}); 
</script>

以上內容就是本文的全部內容,希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved