生成二维码，合成图片

1、动态生成二维码
链接：https://pan.baidu.com/s/14cDyPTWOn_YuHWE-cfrIfg
提取码：6bfv
使用：

<div class="qrcode" id="qrcode"></div>
<script>var qrcode = new QRCode("qrcode",{width:70,height:70});function makeCode () {qrcode.makeCode("XXXX");};makeCode();
</script>

2、canvas合成图片

<div style="display: none"><img src="img/shareCode.png" alt="" id="codeBg"><div class="qrcode" id="qrcode"></div>
</div>
<canvas id="myCanvas" width="375" height="667"></canvas>
<div class="shareCodeBody" id="shareCodeBody" ></div>
<span  class="share Color" id="shareBtn">点击合成</span>
<span  class="share Color" id="downLoadBtn">点击合成</span><script>$('#shareBtn').click(function(){$('.shareCodeBody').empty();var man1 = document.getElementById("codeBg"),man2 = document.getElementById("qrcode").getElementsByTagName('img')[0],canW,ratio;ratio =man1.height/man1.width;canW = man1.width;var canvas = document.getElementById("myCanvas");ctx = canvas.getContext("2d");canvas.width = canW;canvas.height = canW*ratio;// 制作背景图var patBg = ctx.createPattern(man1, "no-repeat");ctx.rect(0, 0, canW, canW*ratio);ctx.fillStyle = patBg;ctx.fill();ctx.drawImage(man2, canW*0.41, canW*ratio*0.835, 70, 70);var newImg = new Image();newImg.src = canvas.toDataURL("image/png");$('.shareCodeBody').append(newImg);$('#myCanvas').hide();});//保存图片function save(img) {var alink = document.createElement("a");alink.href = img.src;alink.download = "testImg.jpg";alink.click();};$('#downLoadBtn').click(function(){var img = document.getElementById("shareCodeBody").getElementsByTagName('img')[0];save(img)})
</script>

生成二维码，合成图片相关推荐

简单的二维码生成接口,自动生成二维码,返回图片地址
自动生成二维码,返回图片地址本来不想写的,但是怕太久不写这个东西,就要荒废了,就先记录一下简单的东西这里因为,返回地址的时候,通过了nginx ,我试了很多方法都抓取不到对应的IP地址, 就在ng ...
前端生成二维码与图片合成
首先前端生成二维码使用插件完成,插件为DrawQRCode.unitypackage 合成二维码直接使用DrawQRCode 类里提供的方法即可生成二维码的方法 DrawCode_Color32 ...
java生成二维码合成背景图
一.背景接到个需求,要打印纸质红包,上面附二维码,然后每个红包的二维码不一样,扫描二维码去参加活动领真实的红包,需要给出对应的图片二.代码示例 import java.awt.Graphics2D ...
生成二维码合成海报并下载
生成二维码,选择一张海报,然后生成二维码并下载, 主要代码生成二维码代码 ///生成二维码var qrcode = new QRCode("qrcode");// 生成二维码的方 ...
vue-qr 自动生成二维码+logo图片
vue-qr 可根据文本内容生成二维码,还可以添加logo图片.设置logo大小.设置二维码大小.留白边距.背景图片.背景颜色等等. 1.安装 npm install vue-qr --save 2. ...
Unity 生成二维码融合图片
Unity 生成二维码,并将二维码和已有背景图片融合,保存到本地,,, 1.场景的搭建 2.代码的编写(参考链接) using System.IO; using UnityEngine; using ...
java 通过Qrcode生成二维码添加图片logo和文字描述
一个简单的javaweb项目注释比较多直接上代码附上使用的jar包Qrcode package com.fehorizon.erp.pda.utils;import java.awt.Color; ...
Java解决生成二维码后图片蒙上红色背景问题
一.在生成图片,或者将二维码放在图片上生成新图片后,生成的图片会造成红色蒙版问题,这问题是因为jdk中 ImageIO.read(inputStream);里在识别RGB的时候会出现偏差,目前公司用的 ...
jquery.qrcode生成带logo的二维码，同时生成带二维码的好友分享图片（js与canvas实现二维码和图片合成的海报）
首先给大家看一下效果图(纯jQuery前端技术): 提供一下demo 源代码和jquery.qrcode文件下载: https://download.csdn.net/download/qq15577 ...
java二维码生成使用SSM框架搭建属于自己的APP二维码合成、解析、下载
java二维码生成使用SSM框架搭建属于自己的APP二维码合成.解析.下载自己用java搭建一个属于自己APP二维码合成网站.我的思路是这样的: 1.用户在前台表单提交APP的IOS和Andro ...

生成二维码，合成图片

生成二维码，合成图片相关推荐

最新文章

热门文章