頁面中生成圖形二維碼

今天想弄個生成圖形二維碼的功能，後來網上搜了下，在原有基礎上進行驗證，有以下幾個網址提供的api可供使用。

    <div class="qr">
        <img src="http://bshare.optimix.asia/barCode?site=weixin&url=http://www.baidu.com"/>    
    </div>
    <div class="qr">
        <img src="http://qr.liantu.com/api.php?text=http://www.baidu.com">
    </div>
    <div class="qr">
        <img src="http://api.k780.com:88/?app=qr.get&data=http://www.baidu.com">
    </div>
    <div class="qr">
        <img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=http://www.baidu.com">
    </div>

呈現效果以下圖：

以加載速度來看，第二個是比較快的，我的比較推薦第二個（佔滿img的寬度）和第二個（有些許留白，二維呈上下左右居中展現，速度比第一個快一點）。

參考網頁地址：https://www.cnblogs.com/taizhouxiaoba/p/6907200.html
在原文基礎上進行整理驗證，剔除不可用連接，在此感謝原博主的聚集整理。