jquery生成二维码怎么添加图片(两种方法)

github项目地址: https://github.com/fengliting/erweima
注意:这里实现的是第一个方法
 
自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二维码插件,一种是别人有改动过的二维码插件,生成二维码的图片的时候有那么一些写的差别
第一种:使用的是原生的qrcode.js生成二维码加上图片
页面
js
this.$http.post('/customer/ajax',{method:'getqrcode'},{emulateJSON:true}).then(function(response){
var wechartUlr = response.data.data;
// console.log(wechartUlr)
$('#wechartauto').qrcode({
render: "canvas", // 渲染方式有table方式(IE兼容)和canvas方式
width: 155, //宽度
height: 155, //高度
text: wechartUlr, //内容
typeNumber: -1,//计算模式
correctLevel: 2,//二维码纠错级别
background: "#ffffff",//背景颜色
foreground: "#000000" //二维码颜色
});
//设置图片的大小
$("#qrCodeIco").css("width","50px")
$("#qrCodeIco").css("height","50px")
$("#qrCodeIco").attr("src","/images/newdashboard/wechat.png")
var margin = ($("#wechartauto").height() - $("#qrCodeIco").height()) / 2; //控制Logo图标的位置
$("#qrCodeIco").css("margin", margin);
})
css
canvas{
padding:10px;border:1px solid #f5f5f5;box-shadow:0px 1px 1px #e5e5e5;
}
成果
jquery生成二维码怎么添加图片(两种方法)_第1张图片
第二种方法,就是使用有改动过的qrcode.js插件

你可能感兴趣的:(jquery,总结的知识)