在web頁面上快速生成二維碼的兩種實用方法

二維碼是桌面和移動端快速分享的高效手段之一,這裏介紹兩個不錯的快速開發二維碼的方法,和你們分享一下~~ javascript

方法1:使用新浪提供的服務

這種方式簡單快速,在服務端生成一個二維碼的圖片,兼容性比較好,你無需本身處理任何相關二維碼的生成,只須要提供一端文字或者url便可,方法以下: java

 
  1. <img src="http://qrcoder.sinaapp.com?t=http://www.gbtags.com">

生成效果以下: app

你們掃一掃就能夠訪問極客標籤主站了~~ jsp

方法2: 使用jQuery插件qrcode

QRcode是一個jQuery插件,能夠使用javascript快速幫助你生成相關的二維碼 url

 相關代碼以下: spa

 
  1. var qrcode = new QRCode("qrcode", {
  2. text: "http://www.gbtags.com",
  3. width: 260,
  4. height: 260,
  5. colorDark: '#efb73e',
  6. colorLight: "#ffffff"
  7. });

生成效果以下: 插件

若是對這個插件有興趣,推薦閱讀這節課程: QRcode的使用 code

以上是兩種比較實用的生成二維碼的方法, 懶人推薦使用第一種, 簡單快速, 若是須要深度自定義的話,推薦本身使用JS來實現相關的二維碼,具體看你們需求, 極客標籤的代碼分享使用的是第一種,你們能夠參考一下,以下: htm

相關地址:http://www.gbtags.com/gb/rtreplayerpreview/828.htm 圖片

http://0755xyk.shenzhen.baixing.com/

相關文章
相關標籤/搜索