如果圖簡單,可以用在線生成
http://pan.baidu.com/share/qrcode?w=150&h=150&url=http://www.xinzhenkj.com
最簡單最實例的goolge開源方法
1.google開放api
代碼如下:
- <span style="font-size:14px;">$urlToEncode="http://www.helloweba.com";
- generateQRfromGoogle($urlToEncode);
- /**
- * google api 二維碼生成【QRcode可以存儲最多4296個字母數字類型的任意文本,具體可以查看二維碼數據格式】
- * @param string $chl 二維碼包含的信息,可以是數字、字符、二進制信息、漢字。
- 不能混合數據類型,數據必須經過UTF-8 URL-encoded
- * @param int $widhtHeight 生成二維碼的尺寸設置
- * @param string $EC_level 可選糾錯級別,QR碼支持四個等級糾錯,用來恢復丟失的、讀錯的、模糊的、數據。
- * L-默認:可以識別已損失的7%的數據
- * M-可以識別已損失15%的數據
- * Q-可以識別已損失25%的數據
- * H-可以識別已損失30%的數據
- * @param int $margin 生成的二維碼離圖片邊框的距離
- */
- function generateQRfromGoogle($chl,$widhtHeight ='150',$EC_level='L',$margin='0')
- {
- $chl = urlencode($chl);
- echo '<img src="http://chart.apis.google.com/chart?chs='.$widhtHeight.'x'.$widhtHeight.'
- &cht=qr&chld='.$EC_level.'|'.$margin.'&chl='.$chl.'" alt="QR code" widhtHeight="'.$widhtHeight.'
- " widhtHeight="'.$widhtHeight.'"/>';
- } </span>
2.php類庫PHP QR Code
地址:http://phpqrcode.sourceforge.net/
下載:http://sourceforge.net/projects/phpqrcode/
下載官網提供的類庫后,只需要使用phpqrcode.php就可以生成二維碼了,當然您的PHP環境必須開啟支持GD2。phpqrcode.php提供了一個關鍵的png()方法,其中參數$text表示生成二位的的信息文本;參數$outfile表示是否輸出二維碼圖片文件,默認否;參數$level表示容錯率,也就是有被覆蓋的區域還能識別,分別是L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%),Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%);參數$size表示生成圖片大小,默認是3;參數$margin表示二維碼周圍邊框空白區域間距值;參數$saveandprint表示是否保存二維碼並顯示。
代碼如下:
- <span style="font-size:14px;">public static function png($text, $outfile=false, $level=QR_ECLEVEL_L, $size=3, $margin=4,
- $saveandprint=false)
- {
- $enc = QRencode::factory($level, $size, $margin);
- return $enc->encodePNG($text, $outfile, $saveandprint=false);
- } </span>
調用PHP QR Code:
- <span style="font-size:14px;">include 'phpqrcode.php';
- QRcode::png('http://www.helloweba.com'); </span>
實際應用中,我們會在二維碼的中間加上自己的LOGO,已增強宣傳效果。那如何生成含有logo的二維碼呢?其實原理很簡單,先使用PHP QR Code生成一張二維碼圖片,然后再利用php的image相關函數,將事先准備好的logo圖片加入到剛生成的原始二維碼圖片中間,然后重新生成一張新的二維碼圖片。
- <span style="font-size:14px;">include 'phpqrcode.php';
- $value = 'http://www.helloweba.com'; //二維碼內容
- $errorCorrectionLevel = 'L';//容錯級別
- $matrixPointSize = 6;//生成圖片大小
- //生成二維碼圖片
- QRcode::png($value, 'qrcode.png', $errorCorrectionLevel, $matrixPointSize, 2);
- $logo = 'logo.png';//准備好的logo圖片
- $QR = 'qrcode.png';//已經生成的原始二維碼圖
- if ($logo !== FALSE) {
- $QR = imagecreatefromstring(file_get_contents($QR));
- $logo = imagecreatefromstring(file_get_contents($logo));
- $QR_width = imagesx($QR);//二維碼圖片寬度
- $QR_height = imagesy($QR);//二維碼圖片高度
- $logo_width = imagesx($logo);//logo圖片寬度
- $logo_height = imagesy($logo);//logo圖片高度
- $logo_qr_width = $QR_width / 5;
- $scale = $logo_width/$logo_qr_width;
- $logo_qr_height = $logo_height/$scale;
- $from_width = ($QR_width - $logo_qr_width) / 2;
- //重新組合圖片並調整大小
- imagecopyresampled($QR, $logo, $from_width, $from_width, 0, 0, $logo_qr_width,
- $logo_qr_height, $logo_width, $logo_height);
- }
- //輸出圖片
- imagepng($QR, 'helloweba.png');
- echo '<img src="helloweba.png">'; </span>
對於第二種方法:如果不使用$filename,第二個參數為false的時候,就不會把二維碼圖片保存,而是直接輸出。
現在還有一些如有:libqrencode與QRcode Perl CGI & PHP scripts二維碼生成插件大家喜歡也可看看。
3.基於jquery的二維碼生成插件qrcode,在頁面中調用該插件就能生成對應的二維碼。
qrcode其實是通過使用jQuery實現圖形渲染,畫圖,支持canvas(HTML5)和table兩種方式,
可以到https://github.com/jeromeetienne/jquery-qrcode獲取最新的代碼。
如何使用
(1)、首先在頁面中加入jquery庫文件和qrcode插件。
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script>
(2)、在頁面中需要顯示二維碼的地方加入以下代碼:
<div id="code"></div>
(3)、調用qrcode插件。
qrcode支持canvas和table兩種方式進行圖片渲染,默認使用canvas方式,效率最高,當然要瀏覽器支持html5。直接調用如下:
$('#code').qrcode("http://www.helloweba.com"); //任意字符串
您也可以通過以下方式調用:
$("#code").qrcode({ render: "table", //table方式 width: 200, //寬度 height:200, //高度 text: "www.helloweba.com" //任意內容 });
這樣就可以在頁面中直接生成一個二維碼,你可以用手機“掃一掃”功能讀取二維碼信息。
(4).識別中文
我們試驗的時候發現不能識別中文內容的二維碼,通過查找多方資料了解到,jquery-qrcode是采用charCodeAt()方式進行編碼轉換的。而這個方法默認會獲取它的Unicode編碼,如果有中文內容,在生成二維碼前就要把字符串轉換成UTF-8,然后再生成二維碼。您可以通過以下函數來轉換中文字符串:
function toUtf8(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; }
以下示例:
var str = toUtf8("普羅旺斯沒有故事"); $('#code').qrcode(str);