网页前端知识汇总(三)——网页前端利用二维码插件qrcode生成在线二维码
创始人
2024-02-18 01:20:55
0

最近几年二维码的广泛应用,方便了很多行业,如支付宝,微信,小程序扫码之类的,这个在二十年前,想都不敢想这么方便,那时候有书刊编码扫一扫都感觉是高科技了,如今,二维码的广泛应用,生活还是方便了不少!这个得益于移动智能设备的发展

 

那网页上的二维码是怎么生成的呢?一般很少中小企业自己开发JS库,大部分使用第三方库使用,下面我讲解下我现在在使用的JS库,qrcode.js

首先,在使用之前,你要在网络上下载qrcode.js库文件,网络上很多下载点;下载好后新建一个demo.html文件,引入qrcode.js库文件;

这个路径是我测试用的路径,你可以根据自己的项目路径自定义,确保路径能够访问该库文件地址

下面就是新建一个div,如下面

注意,一定要命名id属性值,这个也是指定生成区域的唯一标识,我命名为xycms_qrcode;

下面我说下生成方法(默认使用CSDN网址作为测试)

方法一:利用默认生成方法

刷新下浏览器地址,是不是二维码就生成好了呢

方法二:自定义生成,根据自己喜好,对二维码颜色,大小自定义设置

这样就生成底色白色,绿色线条的二维码了,替代了默认白底黑条的二维码;比起默认,我自己更倾向于自定义,根据自己的喜好自定义随意调整;

好了,简单的生成二维码技术就介绍到这里了

相关内容

热门资讯

徐奇渊:扩内需与对外政策紧密相... 近日,中国海关总署发布了一组数据令人关注:2025年前11个月,我国货物贸易顺差达到1.08万亿美元...
46岁上海独居女子不幸离世,官... 居住在上海虹口区46岁的蒋女士因突发脑溢血于今年10月入院,远亲吴先生与其公司共同垫付了医药费,但她...
威海市汽车以旧换新补贴政策调整... 根据稳妥有序开展消费品以旧换新工作统一部署,经研究决定,对我市汽车以旧换新补贴政策进行调整。现将有关...
动物学家、律师、创作者都pic... 12月21日,在2025 ThinkPad黑FUN礼现场,三名专业领域用户用真实案例诠释了Think...
从拒赔到和解:涉外货运保险理赔... 近日,国家金融监管总局、最高人民法院遴选出6个具有典型性、示范性的金融领域纠纷多元化解案例,12月1...
湖北大冶一男子当街拦车砸玻璃,... 大象新闻2025-12-21 16:21:41 12月20日,湖北大冶市网民发视频称,一名男子在新冶...
韩媒曝尹锡悦夫妇下周将被同时起... 据韩联社21日报道,负责调查韩国前总统尹锡悦夫人金建希弊案的独立检察组(独检组)将于下周同时对尹锡悦...
大冶一男子拦停轿车打砸!大冶公... 原标题:大冶公安查处一起妨碍交通工具正常行驶案件 2025年12月20日15时许,我辖区居民刘某(男...
化解纠纷12215件 银行点赞... 中国民生银行信用卡中心昆明分中心向昆明市官渡区人民法院立案庭立案窗口、矛盾纠纷化解中心以及保全团队赠...
政治思想工作条例解读,政治思想... 政治思想工作条例解读,政治思想工作条例最新版全文 政治思想工作条例最新版全文解读:照亮前行之路的“灯...