2014-03-24

生成二维码图片的jQuery qrcode插件

Web
Views: 28441 | 2 Comments

二维码是移动应用领域非常重要的一项技术, 可用在账号登录, App 下载, 好友关注等领域. 事实上, 二维码是一种以图片形式编码数据的方式, 在图片中包含了某些数据, 这些数据可以是一段文本, 一个URL等等.

既然二维码是一种图片, 那么你可以会想当然地使用 PHP 或者 Java 等语言生成二维码图片, 如果在 Web 应用中这么做, 你很可能就大错特错了! 因为, 图片处理是非常消耗 CPU 计算资源的, 这会给你带来很大的成本.

对于 Web 应用, 其实可以使用客户端(浏览器)技术来生成二维码图片, 也即使用 JavaScript 来生成二维码图片, 这样, 把计算分布到每一个用户的电脑上, 充分利用"分布式计算".

jQuery 的 qrcode 插件就可以在浏览器端生成二维码图片. 这个插件的使用非常简单:

<div id="qrcodeCanvas"></div>
<script>
jQuery('#qrcodeCanvas').qrcode({
    width   : 300,
    height  : 300,
    text    : "http://www.ideawu.net/blog/"
}); 
</script>

上面这段代码生成一张 300x300 的图片, 这张图片包含的信息便是我的博客的网址. 当你用微信或者新浪微博等 App 扫描时, 就可以打开我的博客了.

Related posts:

  1. 让你的网站支持手机二维码登录
  2. 强大的纯JS数据图工具-flot
  3. jQuery BlockUI 页面遮挡插件
  4. JavaScript+jQuery两栏选择控件
  5. 获取动态加载的图片大小的正确方法
Posted by ideawu at 2014-03-24 00:29:34 Tags:

2 Responses to "生成二维码图片的jQuery qrcode插件"

Leave a Comment