qrcodejs2下载二维码无白边扫码识别不出来

项目用的qrcodejs2，把图片下载下来打开时预览背景和二维码colorDark一致，扫码识别不出来。
想设置边距，翻了翻文档发现没有这个功能。
最后安装了qrcode解决。

<script>
import QRCode from "qrcode";
export default {data() {return {downloadData: {url: "https://www.baidu.com/",},qrcode :""};},mounted() {QRCode.toDataURL(this.downloadData.url, {//这个this.url就是你扫码后要跳转的地址errorCorrectionLevel: "Q", //这个是容错率,(建议选较低)更高的级别可以识别//更模糊的二维码，但会降低二维码的容量width: 280,height: 280, //设置二维码图片大小margin: 20,}).then((url) => {console.log(url);this.qrcode = url; //这个是vue实例全局的变量，赋值给他。后面会用在img的src属性上}).catch((err) => {console.error(err); //这里看不懂的话去看一下Promise（then, catch）});},
};
</script>

qrcodejs2下载二维码无白边扫码识别不出来相关推荐

vue：实现前端生成并下载二维码（使用qrcodejs2插件）
需求点击按钮下载二维码,并命名为"奶绿走糖-二维码". HTML <button @click="getPersonCode()">下载二维码&l ...
vue引用qrcodejs2生成、下载二维码、复制到剪贴板
使用的vue2.x版本,UI框架为ant design vue 1.X版本 1.场景:页面需要展示二维码并且需要下载二维码的功能效果图: 引用插件: yarn add qrcodejs2@0.0.2 ...
使用qrcodejs2生成二维码及下载
生成二维码首先引入npm包 import QRCode from 'qrcodejs2' 或 <script src="https://cdn.bootcdn.net/ajax/li ...
qrcodejs2生成二维码，通过canvas绘制带边框+中间logo的二维码图片，下载二维码
文章目录一.通过qrcodejs2生成一个二维码二.点击[下载配置服务器二维码]来下载二维码 1.通过canvas去绘制边框+二维码+logo (1)为canvas增加绘制圆角矩形的方法(can ...
APP下载二维码微信扫一扫无法打开解决方案
微信扫一扫屏蔽了APP下载连接无非是想让大家将资源转移到自家平台,国人微信中毒过深,看到二维码首先想到的一定是微信(好强大的用户引导).为了更好的用户体验,只能向腾讯屈服将应用转移到腾讯平台.当然如果 ...
Java生成二维码并以IO流的形式返回给前端展示(不需写入服务器)，以及下载二维码图片
目录场景方案分析第一步--引入依赖第二步--编写工具类第三步--编写API接口第四步--访问测试第五步--下载图片场景最近笔者做的项目中,有一个需求: 在系统中生成一个二维码,用户保 ...
【Vue+Java】前后端联动生成下载二维码
目录指引背景运用场景环境丑话说在前前端部分通过axios请求传参二次封装axios.create方法定义download方法,通过axios进行传参前端vue页面方法 HTML部分按 ...
Java以IO流和文件流，生成、下载二维码
场景在系统中生成一个二维码,用户保存下来并分享出去,其他人扫描之后跳到我们的一个活动详情页,查看此活动的内容. 从以上的需求中,可以提炼出以下几点: 当用户点击生成二维码的时候,我们要拿到用户生成的 ...
二维码内嵌图片，下载二维码
功能二维码可内嵌图片可下载二维码功能集合成Vue组件使用技术 Vue.qrcodejs2.html2canvas 直接上代码 <template><div class=&qu ...

qrcodejs2下载二维码无白边扫码识别不出来

qrcodejs2下载二维码无白边扫码识别不出来相关推荐

最新文章

热门文章