博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
调用 js 生成图片二维码
阅读量:5128 次
发布时间:2019-06-13

本文共 1865 字,大约阅读时间需要 6 分钟。

一、js 生成二维码:

  首先,需要引用 jQuery 和 jquery.qrcode.js。然后:

//生产二维码            $("#qrcodeCanvas").qrcode({                render: "canvas",    //设置渲染方式,有table和canvas,使用canvas方式渲染性能相对来说比较好                text: location.href,    //扫描二维码后显示的内容,可以直接填一个网址,扫描二维码后自动跳向该链接                width: "100",               //二维码的宽度                height: "100",              //二维码的高度                background: "#ffffff",       //二维码的后景色                foreground: "#000000",        //二维码的前景色                src: ''             //二维码中间的图片            });

  或:(ASP.NET MVC)

jQuery('#qrcode_app').qrcode({            render: "canvas",            text: '@(app_positionQr)',            width: 100,            height: 100,            background: "#ffffff",       //二维码的后景色            foreground: "#000000",        //二维码的前景色            src: ''        });

二、调用:

三、设置样式:

.qrcode {            display: block;            width: 100px;            height: 100px;            border: 2px solid #ff8502;            background-color: #fff;            padding: 10px;            margin-top: 10px;        }.xxx-firmhome-operationPic li.tjapp {position: relative;}.xxx-firmhome-operationPic li.tjapp a{ background:url(../images/firmhome/comProfile-name-pic5.png) no-repeat left top;}.xxx-firmhome-operationPic li.tjapp .pull {   width: 120px; height: 130px; background:url(../images/firmhome/comProfile-top-operationPic-share-pic.png) no-repeat 82px top; position: absolute; right: -7px; top: 24px; display: none; z-index: 1; }

  (调试的过程中层因为缓存问题而没有显示出想要的效果)

转载于:https://www.cnblogs.com/zhangchaoran/p/10495359.html

你可能感兴趣的文章
ElasticSearch(站内搜索)
查看>>
4----COM:a Generative Model for group recommendation(组推荐的一种生成模型)
查看>>
UVA 11137 - Ingenuous Cubrency
查看>>
js阻止事件冒泡的两种方法
查看>>
Java异常抛出
查看>>
[SQL Server 系] T-SQL数据库的创建与修改
查看>>
74HC164应用
查看>>
变量声明和定义的关系
查看>>
Wpf 之Canvas介绍
查看>>
linux history
查看>>
jQuery on(),live(),trigger()
查看>>
Python2.7 urlparse
查看>>
sencha touch在华为emotion ui 2.0自带浏览器中圆角溢出的bug
查看>>
【架构】Linux的架构(architecture)
查看>>
ASM 图解
查看>>
Date Picker控件:
查看>>
你的第一个Django程序
查看>>
grafana授权公司内部邮箱登录 ldap配置
查看>>
treegrid.bootstrap使用说明
查看>>
[Docker]Docker拉取,上传镜像到Harbor仓库
查看>>