首页 > 其他分享 >插件qrcode生成二维码

插件qrcode生成二维码

时间:2023-06-27 10:36:40浏览次数:42  
标签:插件 128 content QrCode 二维码 qrcode

1、安装依赖

npm install --save [email protected]

  

2、引入

import QrCode from 'qrcode'

  

3、使用

const content = window.location?.href || ''
    QrCode.toDataURL(
      content,
      {
        margin: 1,
        widht: 128,
        height: 128
      },
      (err, url) => {
        console.log('err', url)
     //需要生成二维码图片的话,这里进行canvas绘图代码 } )

  

有问题欢迎交流,谢谢!

标签:插件,128,content,QrCode,二维码,qrcode
From: https://www.cnblogs.com/mihoutaoguniang/p/17507970.html

相关文章

  • Taurus .Net Core 微服务开源框架:Admin 插件【2】 - 系统环境信息管理
    前言:继上篇:Taurus.NetCore微服务开源框架:Admin插件【1】-微服务节点管理本篇继续介绍下一个内容:1、系统环境信息节点- OS-Environment界面 基本信息如上图,重点的几个参数:1、App-StartTime:应用程序启用时间,可以在更新程序或配置文件后,查看该时间,看应用程序是否更......
  • JQ jQuery插件如何开发
    <!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title></title><scriptsrc="jquery-1.10.1.min.js"></script></head><body><script>$.extend......
  • 第30章 使用Emmet插件
    index.html<!DOCTYPEhtml><htmllang="zh-cn"><head> <metacharset="UTF-8"> <title>Document</title> <linkrel="stylesheet"href="style.css"></head><body>&......
  • 在VScode中,文件自动添加头部注释-插件koroFileHeader配置
    1、扩展商店,搜索koroFileHeader进行安装2、打开设置-搜索Fileheader-点击头部注释的setting.json文件3、可以在其中配置头部注释"fileheader.customMade":{"Author":"gitconfiguser.name",//作者//"Author":"gitconfiguser.name",//可以获......
  • Taurus .Net Core 微服务开源框架:Admin 插件【1】 - 微服务节点管理
    前言:最近发现NetCore的文章有点少,特来补几篇。上一篇:Taurus.mvc.NetCore微服务开源框架发布V3.1.7:让分布式应用更高效。自上篇之后,期间更新了4个小版本,更新如下:-----V3.1.7.1----------------1、优化:请求头输出【标识主机IP号、进程号】(2023-06-07)2、优化:Gateway负载......
  • AI绘画:Roop插件的使用详解!
    roop插件有哪些特性,如果安装,已经在上一篇讲的非常详细了。不知道你们装得怎么样了? ​ 今天,来详细的说一说roop插件的使用。首先呢启动我们的Stable-Diffusion-WebUI,然后确保插件已经启用! ​ 选择好模型,查看插件情况,一切准备......
  • AI绘画:Roop插件的特性与安装!
    交叉”学科”来了! 我们之前讲过可以实现单图换脸的Roop,也讲过可以通过文字描述画画的项目Stable-Diffusion-WebUI。现在这两者要通过sd-webui-roop产生交汇。我们先来简单的看一下这个插件可以干什么!   功能特点根据项目作者的说法,这个插件基于r......
  • 人人都能生成火爆全网的最不像二维码的二维码
    最近有人展示了使用StableDiffusion创建的艺术二维码。这些二维码是使用定制训练的ControlNet模型生成的。但是操作门槛有点高。你需要GPU,还需要学习如何使用StableDiffusion。现在有一款非常无脑的产品,使用这个产品来创建艺术二维码,最大的门槛就是没有门槛!尤其适合毫无......
  • 发布一个Visual Studio 2022 插件,可以自动完成构造函数依赖注入代码
    赖注入(DI)在开发中既是常见的也是必需的技术。它帮助我们优化了代码结构,使得应用更加灵活、易于扩展,同时也降低了各个模块之间的耦合度,更容易进行单元测试,提高了编码效率和质量。不过,手动注入依赖项也可能会成为我们开发过程中的瓶颈。通常情况下,当我们需要注入大量依赖对象时,我......
  • docker 安装 jenkins 以及安装插件出现的问题解决方式
    使用docker-composeversion:"3.9"services:jenkins:image:jenkins/jenkins:lts-jdk11ports:-"8080:8080"-"5000:5000"volumes:-/root/software/jenkins/jenkins-data:/var/jenkins_homeenvir......