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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • charles抓包教程(微信7以上如何抓包)

    APP抓包和微信小程序抓包-Charles的精简使用教程目标教程一、安装Charles二、Charles简介(1)Charles欢迎页面(2)基础功能按钮(3)抓包内容显示方式(4)过滤抓包内容三、手机配置Charles代理四、解决配置Charles代理之后手机无法上网的问题五、手机APP抓包(1)对“花生地铁”APP进行抓包。六、微信小程序抓包(1)安装SSL…

    2022年4月12日
    955
  • ehcache缓存原理_mysql缓存机制

    ehcache缓存原理_mysql缓存机制运用你所掌握的数据结构,设计和实现一个 LRU (最近最少使用) 缓存机制 。实现 LRUCache 类:LRUCache(int capacity) 以正整数作为容量 capacity 初始化 LRU 缓存int get(int key) 如果关键字 key 存在于缓存中,则返回关键字的值,否则返回 -1 。void put(int key, int value) 如果关键字已经存在,则变更其数据值;如果关键字不存在,则插入该组「关键字-值」。当缓存容量达到上限时,它应该在写入新数据之前删除最久

    2022年8月9日
    5
  • svn配置帐号密码「建议收藏」

    svn配置帐号密码「建议收藏」svn/config下authz:###Thisfileisanexampleauthorizationfileforsvnserve.###Itsformatisidenticaltothatofmod_authz_svnauthorization###files.###Asshownbeloweachsectiondefinesauth…

    2025年9月5日
    6
  • NumPy 文件存取 tofile,fromfile, load,save

    NumPy 文件存取 tofile,fromfile, load,save

    2020年11月8日
    193
  • 互联网100强公布_互联网排行榜

    互联网100强公布_互联网排行榜无意中翻看到一篇我在三年多前写的文章《我看中国互联网web2.0百强名单》,读来颇有感概。2005-2006那两年,正是WEB2.0概念轰轰烈烈的时候,大大小小的新网站层出不穷,博客、视频、交友、评点、社区、聚合……不管自己的网站的UGC比例多少,都宣传自己是WEB2.0,好像不贴上WEB2.0的标签,就不够潮流,不够IN,就吸引不了用户和风投。WEB2….

    2022年9月27日
    2
  • Delphi中QuotedStr介绍及使用

    Delphi中QuotedStr介绍及使用delphi函数给字符串两边加单引号并返回.声明:functionQuotedStr(constS:string):string;用函数QuotedStr把字符串S转换成为用引号括起来的字符串。单引号”‘”将被插入到字符串s的最前和最后。例如:abc->’abc’

    2022年10月18日
    4

发表回复

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

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