又做了一个开源的 二维码 的库 ^_^

最终产出了一个 G2Plot 的开源扩展包 G2Plot-QRCode，欢迎试用和 star 。

预览效果来一个如下：

使用方式

import { G2Plot } from '@antv/g2plot';
import { adaptor, defaultOptions } from 'g2plot-qrcode';

const qr = new G2Plot('container', {
  // 二维码文本
  data: 'Hello, g2plot qrcode!',
  // 间距
  padding: 8,
  // 宽高
  width: 120,
  height: 120,
  // 背景前景颜色
  backgroundColor: 'white',
  foregroundColor: 'black',
  typeNumber: 0,
  correctLevel: 'H', // L M H Q
  // 样式自定义
  pixelStyle: (pixelData) => ({}),
  icon: {},
}, adaptor, defaultOptions);

qr.render();

功能

1. 常规二维码库能力都支持，支持宽高 padding 等基础配置
2. 支持自定义前景背景
3. 支持自定义 detection position 的样式（颜色、描边、渐变等）
4. 支持 icon 以及大小
5. 交互事件（二维码不再是静态图）

还能做什么？

理论上还能做到更加炫酷，比如：

• 单元格的图形形状
• 背景色
• 出场动画

当然这些还没有做。(: 逃

哦，对了， 还有 G2Plot 的开源地址。