国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

生成二維碼方法匯總

2019-11-20 13:36:07
字體：大 中 小
供稿：網(wǎng)友

隨著網(wǎng)絡(luò)的迅速發(fā)展 發(fā)展 發(fā)展，二維碼的應(yīng)用將會越來越多。同時很多只是很平凡的二維碼，請拿起你的手 把這個二維碼 設(shè)計起來吧。下面分享了幾個非常好的二維碼設(shè)計。

二維碼原理：

二維條碼/二維碼可以分為堆疊式/行排式二維條碼和矩陣式二維條碼。 堆疊式/行排式二維條碼形態(tài)上是由多行短截的一維5條碼堆疊而成；矩陣式二維條碼以矩陣的形式組成，在矩陣相應(yīng)元素位置上用“點”表示二進制“1”， 用“空”表示二進制“0”，“點”和“空”的排列組成代碼。

最近對二維碼產(chǎn)生了興趣 研究了一下二維碼 這里生出的術(shù)語 qrcode  容錯性較高。

數(shù)據(jù)表示方法

深色模塊表示二進制“1”，淺色模塊表示二進制“0”。
糾錯能力
? L級：約可糾錯7%的數(shù)據(jù)碼字
? M級：約可糾錯15%的數(shù)據(jù)碼字
? Q級：約可糾錯25%的數(shù)據(jù)碼字
? H級：約可糾錯30%的數(shù)據(jù)碼字

上面的設(shè)計 就很完美的利用了 qrcode的容錯性，非常nice  也非常有創(chuàng)意??！

1.google 接口

復(fù)制代碼 代碼如下:
　　

2..js代碼 轉(zhuǎn)換為 canvas （重點）

demo: http://hxend.com/jsqrcode/test/

復(fù)制代碼 代碼如下:
　　

3. 圖片接口

復(fù)制代碼 代碼如下:

4.demo 里面http://hxend.com/jsqrcode/test/ 代碼

復(fù)制代碼 代碼如下:

<!doctype html>
<html>
    <head>
        <title>QRCode</title>
        <script type="text/javascript" src=">
        <script type="text/javascript" src=">
    </head>
    <body>
        <div>
            <h1>二維碼生成</h1>
            <div>
                圖片: <img id=qrimg src=//m.survivalescaperooms.com/uploadfile/2014/1219/20141219081025437.png>
                <label><input id=qrclearedges type=checkbox checked>清理邊緣</label>
            </div>
            <div><input id=fimg type=file></div>
            <div>文本: <textarea id=qrtext>http://www.btgoogle.com</textarea></div>
            <div>大小: <input id=cellSize type=range min=2 max=10 value=6></div>
            <table>
                <tr>
                    <td rowspan=2>效果:</td>
                    <td colspan=3><input id=cellEffect type=range 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>方塊</a></td>
                    <td align=right><a href=# data=r>圓</a></td>
                </tr>
            </table>
            <div>
                Foreground color: <input id=colorFore type=color value=#4169e1>
                Background color: <input id=colorBack type=color value=#ffffff><br>
                Outside-border color: <input id=colorOut type=color value=#cd5c5c>
                Inside-border color: <input id=colorIn type=color value=#191970>
            </div>
            <button id=qrgen>生成</button>
        </div>
        <div id=qrcode></div>
        <script src=">
    </body>

以上4種方法，第3種最簡單，第二種是我推薦的，自由度大些，小伙伴根據(jù)自己的需求來選擇吧

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 昌黎县| 天门市| 唐河县| 宾阳县| 武城县| 沾化县| 建始县| 若羌县| 盐池县| 桑日县| 文昌市| 柳江县| 棋牌| 长海县| 琼结县| 台前县| 铅山县| 桦川县| 湖州市| 喀什市| 涟水县| 三明市| 孝义市| 田阳县| 磐石市| 陆丰市| 隆安县| 竹溪县| 友谊县| 玉山县| 大连市| 青浦区| 沙雅县| 井陉县| 祁阳县| 资讯 | 鹤壁市| 历史| 西和县| 蓬安县| 德庆县|