JavaScript生成二维码图片摘要

编辑：宝哥软件园来源：互联网时间：2021-09-19

新天龙八部

评分

摘要：

百度百科对二维码的介绍如下：快速反应码，又称二维条形码，是以特定的几何图形按照一定的规则分布在平面(二维方向)上的黑白图形，是所有信息数据的关键。在现代商业活动中，可实现的应用非常广泛，如产品防伪/溯源、广告推送、网站链接、数据下载、商品交易、定位/导航、电子商务应用、车辆管理、信息传输等。如今，智能手机扫码(简称313)功能的应用使得二维码更加普遍。随着国内物联网行业的蓬勃发展，更多的二维码技术应用解决方案被开发出来，二维码成为移动互联网门户已经真正成为现实。

我们上网的时候，到处都可以看到二维码，那么如何在前端生成二维码呢？今天分享一下前端生成的二维码。

导言：

QRCode.js是js的一个库，跨浏览器支持HTML5画布和DOM中的表格标记。我们使用的是基于QRCode.js

浏览器：

IE6~10，Chrome，火狐，Safari，Opera，手机Safari，安卓，Windows Mobile，ETC。

jquery-二维码：

jquery-二维码的特点：操作简单，体积小，压缩后只有14k，但不支持中文编码。

脚本src=' http :http://cdn . static file . org/jquery/2 . 0 . 0/jquery . min . js '/script script type=' text/JavaScript ' src=' http :/jquery . QR code . min . js '/script div id=' QR code '/div script $(function(){ $(' # QR code ')。二维码(' http://www . cn blogs.com/xiyangbeaxue ')；//更详细的配置//$ ('# qrcode ')。二维码({//text : ' http://www.cnblogs.com/xiyangbaixue',//string待编码//width3360 50，//define width //height: 50，//define height//background : ' # CCC '，//底色//foreground 3360 ' red '//前景色/})；})/脚本效果：

qrcodejs:

二维码JS的特点：中文生成的二维码不会出现乱码，可以选择使用哪个元素来绘制二维码。

脚本类型=' text/JavaScript ' src=' http : jquery . min . js '/script script type=' text/JavaScript ' src=' http : QR code . js '/script div id=' QR code '/div script new QR code(document . getelementbyid(' QR code ')，' http://www . cn blogs.com/xiyangbaexue ')；//或//新二维码(document.getelementbyid('二维码')，{//text : ' http://www.cnblogs.com/xiyangbaixue',//width : 50，//高度： 50，//背景：/script使用svg:

脚本类型=' text/JavaScript ' src=' http : jquery . min . js '/script script type=' text/JavaScript ' src=' http : QR code . js '/script SVG xmlns=' http://www . w3 . org/2000/SVG ' xmlns : xlink=' http://www . w3 . org/1999/xlink ' g ' id=' QR code '/SV二维码. make code(' http://www . cn blogs.com/xiyangbaexue ')；//QR code . clear()；//清除二维码/脚本效果：