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

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


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

相关推荐

  • 此工作站和主域间的信任关系失败 原因及解决办法[通俗易懂]

    此工作站和主域间的信任关系失败 原因及解决办法[通俗易懂]原因:域控服务器没有客户端的主机名(可能删除了,或重装系统后没添加到域控)处理:在域控上确认客户端主机名是否被禁用,如已禁用,启动即可。转载于:https://www.cnblogs.com/sjdn/p/5923669.html…

    2022年10月19日
  • 全面理解.htaccess语法中RewriteCond和RewriteRule意义

    全面理解.htaccess语法中RewriteCond和RewriteRule意义全面理解.htaccess语法中RewriteCond和RewriteRule意义.htaccess配置文件可以通过RewriteCond和RewriteRule实现伪静态。RewriteCond的语法//含义:当什么东西匹配某种模式,则..RewriteCondTestStringCondPattern[Flags]RewriteCond%{HTTP_H…

    2022年5月14日
  • 冒泡法排序_冒泡选择排序算法

    冒泡法排序_冒泡选择排序算法/*冒泡法排序:共进行N-1趟比较,每趟比较中要进行N-1-i次两两比较时间复杂度:最差、平均都是O(n^2),最好是O(n)空间复杂度:O(1)稳定排序*/

    2022年10月18日
  • 几种常见的内存溢出与解决办法

    几种常见的内存溢出与解决办法解決辦法:

    2022年7月1日
  • Java开发框架!高级java工程师简历模板[通俗易懂]

    第一部分必读系列:01.学习算法和刷题的思路指南02.学习数据结构和算法读什么书03.动态规划解题套路框架04.动态规划答疑篇05.动态规划答疑篇06.回溯算法解题套路框架07.二分查找解题套路框架08.滑动窗口解题套路框架09.双指针技巧总结10.BFS算法套路框架11.Linux的进程、线程、文件描述符是什么12.Git/SQL/正则表达式的在线练习平台第二部分动态规划系列:01.动态规划设计:最长递增子序列02.经典动态规划:0-1背包问题03.经典动态规划:完

    2022年4月17日
  • linux top cpu核数查看,Linux怎么查看CPU核数?

    linux top cpu核数查看,Linux怎么查看CPU核数?在Linux中,可以使用“cat/proc/cpuinfo|grep”cpucores”|uniq”来查看CPU核数,即每个物理CPU中core的个数。课程推荐:《linux课程》一、知识点介绍1、cpu信息记录在/proc/cpuinfo中。2、Linux中的Top相当于win系统下的任务管理器,也可以用来查询3、CPU总核数=物理CPU个数*每颗物理CPU的核数4、总逻辑CP…

    2022年10月30日

发表回复

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

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