js生成二维码的几种方法_html怎么生成二维码

js生成二维码的几种方法_html怎么生成二维码一:arale-qrcodearale-qrcodeGitHub路径npmiarale-qrcode<html><body> <divid=”share_tools”></div><scriptsrc=”qrcode.min.js”></script></body>…

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

Jetbrains全系列IDE稳定放心使用

一:arale-qrcode

arale-qrcode GitHub路径

npm i arale-qrcode
<html>
  <body>
	 <div id="share_tools"></div>
    <script src="qrcode.min.js"></script>
  </body>
  <script type="text/javascript"> var codeFigure = new AraleQRCode({ 
      "render": "svg", // 生成的类型 'svg' or 'table' "text":'https://github.com/soldair/node-qrcode', // 需要生成二维码的链接 "size": 120 // 生成二维码大小 }); var share_tools = document.querySelector('#share_tools'); share_tools.appendChild(codeFigure); </script>
</html>

二:QRCode.js

GitHub地址

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="qrcode"></div>
		<script type="text/javascript" src="qrcode.js"></script>
		<script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "https://github.com/davidshimjs/qrcodejs"); var qrcode = new QRCode(document.getElementById("qrcode"), { 
      text: "生成二维码的方法不止一种", width: 128, height: 128, colorDark : "#f60", colorLight : "#ccc", correctLevel : 0 // 二维码结构复杂性 0~3 }); </script>
	</body>
</html>

在这里插入图片描述

三:QR码生成器

api简介

<img style="width: 300px;height: 300px;" src="https://api.qrserver.com/v1/create-qr-code?data=http://goqr.me/api/" >

在这里插入图片描述

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180630.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月18日 下午2:36
下一篇 2022年10月18日 下午2:36


相关推荐

  • 方差、标准差以及协方差

    方差、标准差以及协方差方差 标准差以及协方差今天在看最优化基础的时候 看到一个协方差的使用 但是映像却不是很清晰 特写一篇博文记录协方差 说到协方差 那我们还是从方差开始看起 方差 标准差以及协方差都是用来衡量样本数据的变化情况的 不同的是方差和标准差只能衡量一组数据的变化情况 协方差可以衡量两组数据之间的变化情况 那我们先来看方差 方差方差是样本各数据与均值 数学期望 之差的平方的平均数 反映的是样本与其均

    2026年3月16日
    2
  • python执行测试用例_执行测试用例的工作

    python执行测试用例_执行测试用例的工作前言通常我们认为每个测试用例都是相互独立的,因此需要保证测试结果不依赖于测试顺序,以不同的顺序运行测试用例,可以得到相同的结果。pytest默认运行用例的顺序是按模块和用例命名的ASCII编码

    2022年8月6日
    14
  • flash咏鹅课件_咏鹅flash动画课件下载

    flash咏鹅课件_咏鹅flash动画课件下载咏鹅flash动画课件下载文欣赏咏鹅鹅,鹅,鹅,曲项向天歌。白毛浮绿水,红掌拨清波。本动画声情并茂的展示了这首著名的诗文,朗读者感情丰富,是很好的小学一年级语文Flash动画课件关键词:北师大版一年级上册语文Flash动画课件下载,一年级语文Flash动画课件下载,咏鹅Flash动画课件下载,.swf格式;更多关于《咏鹅》PPT课件,请点击咏鹅ppt标签。《咏鹅》PPT:《咏鹅》PPT第…

    2022年4月29日
    97
  • bool类型_bool类型什么为真

    bool类型_bool类型什么为真转自:http://www.vcgood.com/archives/3709我们知道在C++里有专门的bool类型,用来表示真或假。但是在C语言里没有这样的类型(至少我是一直这么认为的),表达式的值0

    2022年8月5日
    9
  • Vue自定义标签[通俗易懂]

    Vue自定义标签[通俗易懂]简介主要讲解vue中如何定义自定义标签。自定义标签使用vue的配置对象中的directives属性进行配置。比如下面代码定义一个自定义标签v-big,可以把绑定的表达式乘以十倍渲染到元素的text区,相当于v-text,只是他表达式要数字并且会乘以10倍后渲染。<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><title>自定义指令</tit

    2025年6月22日
    5
  • CSS中clear的用法

    CSS中clear的用法CSS中clear用法:clear有四个属性值:clear:left;right;both;none.作用:该属性指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流里的物理位置

    2022年7月2日
    29

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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