js给二维码加个图片

我之前是写过jq生成二维码下载的博客的，今天项目的时候老大非要说中间加上自己的头像，然后我就没办法加下呗。
老习惯一言不合就上代码了啊
首先引入jquery,还有下面的这个jquery.qrcode.min.js

    //计算宽，高，中心坐标，logo大小var width = 180;var height = 180;var x = width * 0.4;var y = height * 0.4;var lw = width * 0.2;var lh = height * 0.2;//生成二维码$("#qrcodeDiv").qrcode({width: width,height:height,text: "http://www.baidu.com"});//画logo$("#qrcodeDiv canvas")[0].getContext('2d').drawImage($("#logoImg")[0], x, y, lw, lh);

上面这个就是js代码注释非常的清楚哦，x,y,lw,lh,就是中间头像的四个点，会canvas的知道了，canvas画图用的。

<div id="qrcodeDiv">//容器<img id="logoImg" style="display: none;" src="1.jpg" alt="">图片二维码中间的图片
</div>

效果：

以上就是本人拙见，如有出入，还请指正，谢谢！！！

js给二维码加个图片相关推荐

js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
QRcode.js二维码中心添加图片
上一篇文章写的二维码没有图标,然后我就想实现一个有图标的,找了半天终于是被我找到了,代码和上一篇文章一样,只是多了行代码,在加两个依赖,也不知是哪位大佬写的废话不多说直接上代码, <!DOCTY ...
jquery.qrcode.js生成二维码插件转成图片格式
1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式, github源码地址: https://github.com/jeromeetien ...
利用qrcode.js生成二维码，并点击按钮下载二维码图片（亲测可用）
话不多说,先上代码(复制即用): <!DOCTYPE html> <html lang="en"> <head><meta charset ...
前端QRCode.js生成二维码（解决长字符串模块和报错问题）
QRCode 用法 1.使用npm安装到你的项目中 npm install qrcode2 --save 使用commonjs或者es6模块方式导入 var QRCode = require('qrc ...
llqrcode.js识别二维码，解析二维码信息
llqrcode.js具有扫描二维码功能,用来进行从图片中识别二维码,可解析二维码的信息. 直接上代码 <!DOCTYPE html> <html> <head>& ...
JS 生成二维码实现（qrcode.js）
qrcode.js源码地址: https://github.com/jeromeetienne/jquery-qrcode 使用页面引入QRCode.js和JQuery.js <script ...
html用js生成二维码
1 首先要引用两个js文件,该js在后面会贴出来 <script src="Js/jquery.qrcode.js" type="text/javascript&q ...
微信小程序——weapp-qrcode.js生成二维码、海报二维码、核销码
各位小伙伴们,不知道你们在开发的时候有没有遇到小程序生成二维码,生成海报时候带上二维码.核销码等等. 那么,小程序端该如何生成二维码图片呢? 效果如下: weapp-qrcode.js 小伙伴们可以来 ...

js给二维码加个图片

js给二维码加个图片相关推荐

最新文章

热门文章