当前位置：Gxlcms > JavaScript > 使用jquery.qrcode生成彩色二维码实例_jquery

使用jquery.qrcode生成彩色二维码实例_jquery

时间：2021-07-01 10:21:17 帮助过：113人阅读

jquery.qrcode.js 是居于jquery类库的绘制二维码的插件，用它来实现二维码图形渲染支持canvas和table两种绘图方式。（jquery.qrcode.js 设置显示方式为table时在webkit核心浏览器如chrome下会变形，这个需要注意。）

下面为测试代码（增加了颜色控制，可以设置4个区块的颜色值，需要指定render为table。），效果如下:

代码如下：



JS生成二维码

jquery-qrcode这个库是采用 charCodeAt这个方式进行编码转换的，而这个方法默认会获取它的 Unicode 编码，一般的解码器都是采用UTF-8, ISO-8859-1等方式，英文是没有问题，如果是中文，一般情况下Unicode是UTF-16实现，长度2位，而UTF-8编码是3位，这样二维码的编解码就不匹配了。

解决方式：在二维码编码前把字符串转换成UTF-8，具体代码如上utf16to8函数

使用jquery.qrcode生成彩色二维码实例_jquery

人气教程排行