页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

javaScript 二维码生成工具Qrcanvas

图像相册 HTML我帮您 9月前  次浏览

新版 JavaScript 二维码生成工具(原来的 jsqrgen)。

javaScript 二维码生成工具Qrcanvas

    Installation

$ npm i qrcanvas

    Use in browser

<div id="qrcode"></div>
<script src="dist/qrcanvas.js"></script>

var canvas = qrcanvas({
  data: 'hello, world'
});
document.getElementById('qrcode').appendChild(canvas);

    Use in Node.js

const fs = require('fs');
const qrcanvas = require('qrcanvas');
const canvas = qrcanvas({
  data: 'hello, world'
});
canvas.pngStream().pipe(fs.createWriteStream('qrcode.png'));

新版亮点:

  1. 仅依赖 canvas,支持几乎所有的现代浏览器。

  2. 使用简单,除数据外,所有配置可选。

  3. 可定制性强,可以定制出有个性的二维码。

  4. 同时支持浏览器和 Node.js(依赖 node-canvas)。

  5. 可方便地在 React 或者 Vue.js 中使用。

相关链接

发表评论