qrious 二维码生成插件

2020-01-17 - JavaScript 插件

qrious

GitHub 地址 网站地址

描述

qrious 是一款基于 HTML5 Canvas 的纯JS二维码生成插件。通过 qrious.js 可以快速生成各种二维码,你可以控制二维码的尺寸颜色,还可以将生成的二维码进行Base64编码。

 .d88888b.  8888888b.  d8b
d88P" "Y88b 888   Y88b Y8P
888     888 888    888
888     888 888   d88P 888  .d88b.  888  888 .d8888b
888     888 8888888P"  888 d88""88b 888  888 88K
888 Y8b 888 888 T88b   888 888  888 888  888 "Y8888b.
Y88b.Y8b88P 888  T88b  888 Y88..88P Y88b 888      X88
 "Y888888"  888   T88b 888  "Y88P"   "Y88888  88888P'
       Y8b

安装

npm install --save qrious
# OR:
bower install --save qrious

例子

<!DOCTYPE html>
<html>
  <body>
    <canvas id="qr"></canvas>

    <script src="/path/to/qrious.js"></script>
    <script>
      (function() {
        var qr = new QRious({
          element: document.getElementById('qr'),
          value: 'https://github.com/neocotic/qrious'
        });
      })();
    </script>
  </body>
</html>

- END -

50
0
  1. 2020-02-02 18:09:57 - 匿名

    很赞

particles.js 粒子库

particles.js 粒子库

效果图GitHub项目地址演示地址引用<scriptsrc="/particles.js"></script>HTML<divid="particles-js"></ ...

KindEditor 编辑器

KindEditor 编辑器

GitHub项目地址官方地址引用<scriptsrc="https://cdn.jsdelivr.net/gh/kindsoft/kindeditor/kindeditor-all-min.js"></script> ...

CodeMirror

CodeMirror

CodeMirrorGitHub项目地址官方首页引用<linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/codemirror@5.50.2/lib/codemirr ...

clipboard.js 剪切板

clipboard.js 剪切板

Clipboard.js复制GitHbu项目地址引用<scriptsrc="https://cdn.jsdelivr.net/gh/zenorocha/clipboard.js/dist/clipboard.js"></scrip ...

headroom.js 导航栏特效

headroom.js 导航栏特效

GitHub项目地址官方演示地址引用<scriptsrc="https://cdn.jsdelivr.net/gh/wickynilliams/headroom.js@0.11.0/src/Headroom.js">&l ...

CKEditor 富文本编辑器

CKEditor 富文本编辑器

GitHub项目地址文档引用//CKEditor5<scriptsrc="https://cdn.ckeditor.com/ckeditor5/16.0.0/classic/ckeditor.js"></script>< ...