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

[50vip]

最终产出了一个 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 的开源地址。

[zitup]

二维码可以无感嵌入到壁纸中吗，自动适应壁纸的色系，嵌入到角落

[imgbed]

这个二维码生成器不错 tools.qvdd.cn/qrcode-maker，网上看到的源码，直接搬运的

[imgbed]

这个二维码生成器不错 tools.qvdd.cn/qrcode-maker
网上看到的源码，直接搬运的

[50vip]

@zitup 只要代码从壁纸中提取主题色，然后设置颜色就可以了!

[50vip]

@imgbed 表示打不开

[50vip]

@imgbed 打开了，但是存在一些问题哈，就是没有办法去自定义 识别区的颜色，而只能设置前景、背景色，不好看~

[treblex]

@imgbed #3 挺棒的 学到了二维码的新用法 哈哈，国内的一般都只支持自家 app 扫了，一直以为只有链接和文本

[imgbed]

@50vip 这个确实功能简单，只作为普通用

[lambdafate]

真巧，我的毕设选的二维码编解码，到时候可以参考你这个，狗头.jpg

[50vip]

@lambdafate 我这个不包含编码解码，不过依赖了二维码编码的模块，可以去参考。

[xiaoqiao24]

py 版啥时候能出呢？

[chotow]

生成二维码的经常看到，识别二维码的会少一点，识别二维码并能给出定位坐标的就更少了… 想要最后一种（用于自动裁剪）。

[50vip]

@xiaoqiao24 为啥需要 py 版本？

[50vip]

@chotow 能细说一下识别之后，怎么裁剪吗？用来干啥？

[chotow]

@50vip #14 返回 Finder Pattern 外边的位置，裁剪出中间的单独二维码；举例，一张包含了二维码的完整图片（比如手机截图），自动对其裁剪，去除无用的区域，输出纯粹的二维码。

[kim886]

牛皮，赞一个