インターネットの急速な発展により、QRコードアプリケーションはますます増えます。同時に、それらの多くは単なる普通のQRコードです。手を拾って、このQRコードを設計してください。以下は、非常に優れたQRコードデザインです。
QRコードの原則:
二次元バーコード/QRコードは、積み重ねられた/行の行2Dバーコードとマトリックス2Dバーコードに分割できます。積み重ねられた/行の行2次元バーコードには、複数の短い線が付いた1次元5バーコードが積み重ねられています。マトリックスの2次元バーコードはマトリックスで構成され、マトリックスの対応する要素位置は、バイナリ「1」、「空の」はバイナリ「0」を意味し、「ポイント」と「空」の配置を表すために使用されます。
最近、QRコードに興味を持ちました。ここで生成されたQRcodeという用語を研究しました。断層トレランスが高くなっています。
データ表現方法
暗いモジュールはバイナリ「1」を表し、ライトモジュールはバイナリ「0」を表します。
エラー修正機能
・Lレベル:データコードワードの約7%を修正できます
・Mレベル:データコードワードの約15%を修正できます
・Qレベル:データコードワードの約25%を修正できます
・Hレベル:データコードワードの約30%を修正できます
上記のデザインは、QRcodeのフォールトトレランスを完全に利用しています。これは非常に素晴らしく、非常に創造的です! !
1.Googleインターフェイス
コードコピーは次のとおりです。
<?php
$ urltoencode = "http://www.csd2n.net"; // qrコードを生成するためのurl
generateqrfromgoogle($ urltoencode);
関数GenerateQrfromGoogle($ chl、$ widhtheight = '150'、$ ec_level = 'l'、$ margin = '0')
{
$ url = urlencode($ url);
echo '<img src = "http://chart.apis.google.com/chart?chs='.$widhtheight.'x'.$widhtheight.'&cht=qr&chld ='。 widhtheight = "'。$ size。'" // Google APIインターフェイス。失敗した場合は、Google URLで最新のインターフェイスを照会できます。
}
?>
2..JS CANVASへのコード変換(キーポイント)
デモ:http://hxend.com/jsqrcode/test/
コードコピーは次のとおりです。
<script type = "text/javascript" src = "http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js"> </script>
<div id = qrcode> </div>
<script type = "text/javascript">
qrcode(document.getElementById( 'qrcode')、{
データ: 'http://geraldl.net'
});
</script>
3。画像インターフェイス
コードコピーは次のとおりです。
<img src = "http://qrcoder.sinaapp.com?t=hello world">
4.デモhttp://hxend.com/jsqrcode/test/ code
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<title> qrcode </title>
<script type = "text/javascript" src = "http://files.cnblogs.com/webers/qrcode-light.js"> </script>
<script type = "text/javascript" src = "http://files.cnblogs.com/webers/qrgen.js"> </script>
</head>
<body>
<div>
<H1> QRコード生成</h1>
<div>
画像:<img id = qrimg src = // www.vevb.com/uploadfile/2014/1219/20141219081025437.png>
<label> <入力ID = qrclearedgesタイプ=チェックボックスチェック>エッジのクリーニング</label>
</div>
<div> <入力id = fimg type = file> </div>
<div>テキスト:<textarea id = qtext> http://www.btgoogle.com </textarea> </div>
<div>サイズ:<入力ID =セルズタイプ=範囲min = 2 max = 10値= 6> </div>
<表>
<tr>
<td rowspan = 2>効果:</td>
<td colspan = 3> <input id = celleffectタイプ=範囲min = -50 max = 50 step = 5 value = 0> </td>
</tr>
<tr id = celleffectstops>
<td align = left> <a href =#data = l>液体</a> </td>
<td align = center> <a href =#data = s> cube </a> </td>
<td align = right> <a href =#data = r> circle </a> </td>
</tr>
</table>
<div>
前景の色:<入力id = colorfore type = color value =#4169e1>
背景色:<入力ID =カラーバックタイプ=カラー値=#ffffff> <br>
国境の色:<入力id = colorout type = color value =#cd5c5c>
内部境界色:<入力ID = colorin type = color value =#191970>
</div>
<ボタンID = qrgen>生成</button>
</div>
<div id = qrcode> </div>
<スクリプトsrc = "http://files.cnblogs.com/webers/take.js"> </scrip>
</body>
上記の4つの方法は3番目の方法で、最も単純な方法、2番目の方法は私が推奨しています。