日期:2014-05-16  浏览次数:20355 次

javascript创建二维码(Table/Canvas两种方式)

由于二维码的编码标准是公开的,而且也比较简单,所以像zxing或d-project都提供了多种语言环境下的编解码库。


d-project提供的方式中就有javascript的脚本。 http://www.d-project.com/qrcode/index.html

可以直接根据输入的内容、版本号和容错级别,生成一个qrcode的编码矩阵,然后通过table的cell置为黑白来展示成二维码。


jquery-qrcode在其基础上更进一步,提供了table之外的渲染方式:canvas。 http://jeromeetienne.github.com/jquery-qrcode/

拿到qrcode的矩阵之后,自己在canvas上画黑方块,从而展示出来二维码。这样的好处是:可以方便的基于canvas对二维码进行加工。

如下先来一个简单的处理: