前端vue生成二维码带logo并且可以点击下载保存_vue实现扫描二维码

前端vue生成二维码带logo并且可以点击下载保存_vue实现扫描二维码下载插件:npminstallvue-qr<template><divclass=”sg-qrcode”><vue-qr:text=”qrcodeText”:correctLevel=”3″:size=”250″:margin=”10″colorDark=”#000″colorLight=”white”backgroundColor=”w…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

下载插件:npm install vue-qr

<template>

  <div class=”sg-qrcode”>

    <vue-qr

      :text=”qrcodeText”

      :correctLevel=”3″

      :size=”250″

      :margin=”10″

      colorDark=”#000″

      colorLight=”white”

      backgroundColor=”white”

      backgroundDimming=”white”

      :logoSrc=”require(‘@/assets/logo.png’)”

      :logoScale=”.2″

      :logoMargin=”5″

      logoBackgroundColor=”white”

    ></vue-qr>

  </div>

</template>

<script>

import vueQr from “vue-qr”; // 引入二维码生成组件

export default {

  components: {

    vueQr // 二维码生成组件

  },

  data() {

    return {

      qrcodeText: “测试二维码” //二维码内容(扫码识别后需要访问的网址)

    };

  }

  // 属性说明:

  // text 编码的内容(支持文字、网址)

  // correctLevel 容错级别 0-3(容错级别越高,代表遮住二维码部分越多,依然可以识别)

  // size 尺寸, 长宽一致, 包含外边距(推荐20px)

  // margin 二维码图像的外边距, 默认20px

  // colorDark 实点的颜色(默认黑色)

  // colorLight 空白区的颜色(默认白色)

  // bgSrc 嵌入的背景图地址(支持png、jpg)

  // gifBgSrc 欲嵌入的背景图 gif 地址,设置后普通的背景图将失效。设置此选项会影响性能

  // backgroundColor 背景色(默认白色)

  // backgroundDimming 叠加在背景图上的颜色, 在解码有难度的时有一定帮助(默认白色)

  // logoSrc 嵌入至二维码中心的 LOGO 地址(支持png、jpg)

  // logoScale 用于计算 LOGO 大小的值, 过大将导致解码失败, LOGO 尺寸计算公式 logoScale*(size-2*margin),(默认 0.2)

  // logoMargin LOGO标识周围的空白边框, 默认为0(推荐5px)

  // logoBackgroundColor Logo 背景色,需要设置 logo margin(默认白色)

};

</script>

前端vue生成二维码带logo并且可以点击下载保存_vue实现扫描二维码

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/186273.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 5分钟完成桌面小游戏项目「建议收藏」

    5分钟完成桌面小游戏项目「建议收藏」地址复制到

  • 提交缺陷报告

    提交缺陷报告一、软件缺陷的判定1.什么是缺陷软件存在着不符合质量需求或违背软件用户、客户、企业意愿的问题,这就是软件缺陷(Defect),又叫“Bug(臭虫)”。2.软件缺陷的判定准则软件未达到产品说明书标明的功能;产品说明书简称为说明(spec)或产品说明(productspec),是软件开发小组的一个协定。它对开发的产品进行定义,给出产品的细节、如何做、做什么、不能做什么。这种协定从简单的口头说明到正式的书面文档有多种形式。软件出现了产品说明书指明不会出现的错误;如金融软件

  • pycharm中使用anaconda部署python环境_anaconda虚拟环境是什么

    pycharm中使用anaconda部署python环境_anaconda虚拟环境是什么如何在pycharm中使用anaconda的虚拟环境(envs),最近项目中有许多同学咨询,这里就给大家简单介绍一下。

  • css设置超链接样式和css设置列表样式

    css设置超链接样式和css设置列表样式<styletype=”text/css”>a:LINK{color:red;text-decoration:none;}a:VISITED{color:green;text-decoration:none;}a:HOVE…

  • 不管这些了三国杀_三国杀身份局胜率

    不管这些了三国杀_三国杀身份局胜率一、【三国杀】是一种什么卡牌游戏?如果给三国杀下一个明确的定义的话,避不开两个词“非集换式”,“桌游”。我个人对“卡牌”有三个理解,崔斯特,集换式,非集换式。崔斯特是一个说话很有腔调的性感小胡子男人。集换式,小时候的水浒卡,三国卡,注重于收藏而非游戏性(当然后来还有了战神镖)。游戏性、竞技性比较强的,游戏王,还有如日中天的炉石(似乎也不算传统意义上的了)。非集换式的,三国杀,广泛点的

  • android全面屏像素密度,手机屏幕分辨率、PPI像素密度科普知识大全「建议收藏」

    android全面屏像素密度,手机屏幕分辨率、PPI像素密度科普知识大全「建议收藏」手机屏幕分辨率、PPI像素密度科普知识大全【PPi指数】是手机清晰度的重要决定因素,所谓的PPI即每英寸所拥有的像素数目。现在市售的大屏幕手机普遍分辨率都只停留在854*480的水平,同样的分辨率,屏幕越大,像素点之间的距离越大,屏幕就越粗糙。所以大屏幕也不一定能带来良好的视觉感受。实践证明,ppi低于240的让人的视觉可以察觉明显颗粒感。ppi高于300则无法察觉理论上讲超过300ppi才没有…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号