方法一:
<style type="text/css">
.eweima{
width:200px; height:200px; margin:auto;
}
</style>
<div class="eweima">
<img src="http://localhost/xianhewang/index.php?a=user&user_id=82 width="200" height="200" alt="二維碼"/>
</div>
上面是所有代碼,創建一個小工具把代碼復制到里面就好了,代碼中的 200 為二維碼的高寬,高寬一定要一樣,你可以根據自己的邊欄寬度更改下。這套代碼是利用了 google 的 API 實現的,所以速度上肯定是占優勢的了。
--------------------------------------------------------------------------------
方法二:
一般網頁中也可使用下面的代碼:我用html測試OK。
<script>
thisURL = document.URL;
strwrite = "<img src='https://chart.googleapis.com/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl=" + thisURL + "' width='150' height='150' alt='QR 碼' />";
document.write( strwrite );
</script>
這個用的PHP代碼中也可以使用下面的代碼:
<img src=" the_permalink();?>" width="150" height="150" alt="QR 碼" />
希望對大家能用到。
——————————————————————————————————————————
織夢系統可直接用下面帶邊框的:
<!--二維碼生成 -->
<div class="zly1"><div class="zlx1">
<dl class="t11 l11">
<dt class='light'><strong>本頁二維碼</strong></dt>
<dd class='light'>
<ul class="nb1">
<style type="text/css">
.eweima{
width:200px;
height:200px;
margin:auto;
}
</style>
<div class="eweima">
<script type="text/javascript">
document.write("<img src=\"https://chart.googleapis.com/chart?cht=qr&chs=500x500&choe=UTF-8&chld=L|2&chl=");
document.write(window.location.href);
document.write("\" width=\"200\" height=\"200\" alt=\"二維碼\"/>");
</script>
</ul></dd>
</dl>
</div> </div>
<!--二維碼生成//-->
Google提供了較為完善的二維碼生成接口,調用API接口很簡單,以下是調用代碼:
$urlToEncode="http://www.jb51.net";
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.'"/>';
}
二、使用PHP二維碼生成類庫PHP QR Code生成二維碼
PHP QR Code是一個PHP二維碼生成類庫,利用它可以輕松生成二維碼,官網提供了下載和多個演示demo,查看地址:http://phpqrcode.sourceforge.net/。
下 載官網提供的類庫后,只需要使用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表示是否保存二維碼並 顯示。
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);
}
調用PHP QR Code非常簡單,如下代碼即可生成一張內容為"http://www.jb51.net"的二維碼.
Php代碼
include 'phpqrcode.php';
QRcode::png('http://www.jb51.net');
那 么實際應用中,我們會在二維碼的中間加上自己的LOGO,已增強宣傳效果。那如何生成含有logo的二維碼呢?其實原理很簡單,先使用PHP QR Code生成一張二維碼圖片,然后再利用php的image相關函數,將事先准備好的logo圖片加入到剛生成的原始二維碼圖片中間,然后重新生成一張新 的二維碼圖片。
include 'phpqrcode.php';
$value = 'http://www.jb51.net'; //二維碼內容
$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">';
由於二維碼允許有一定的容錯性,一般的二維碼即使在遮住部分但仍然能夠解碼,經常我們掃描二維碼的時候掃描到甚至不到一半時就能解碼掃描結果,這是因為生成器會將部分信息重復表示來提高其容錯度,這就是為什么我們在二維碼中間加個LOGO圖片並不影響解碼結果的原因。
<!DOCTYPE html> |
<html> |
<head> |
<title>basic example</title> |
</head> |
<body> |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> |
|
<!--<script type="text/javascript" src="../jquery.qrcode.min.js"></script> |
--><script type="text/javascript" src="../src/jquery.qrcode.js"></script> |
<script type="text/javascript" src="../src/qrcode.js"></script> |
|
<p>Render in table</p> |
<div id="qrcodeTable"></div> |
<p>Render in canvas</p> |
<div id="qrcodeCanvas"></div> |
<script> |
//jQuery('#qrcode').qrcode("this plugin is great"); |
jQuery('#qrcodeTable').qrcode({ |
render : "table", |
text : "http://jetienne.com" |
}); |
jQuery('#qrcodeCanvas').qrcode({ |
text : "http://jetienne.com" |
}); |
</script> |
|
</body> |
</html> |