SphinxJS——把字符串编码成png图片的超轻量级开源库

一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库，总代码数甚至不超过100行！

使用方法

通过 npm 安装

npm install sphinx.js
复制代码

通过 <script></script> 标签引入

<script src="sphinx.js"></script>
复制代码

值得注意的是，因为 SphinxJS 使用了ES2015的 Promise 以及其他很棒的特性，这意味着需要你的浏览器提供支持。否则的话，你可能需要 Babel 或者一些别的 工具 去构建你的代码。

SphinxJS 同时支持以 AMD ， CommonJS 以及 ES6模块 的方式进行引用。

编码

定义一个字符串 Hello Sphinx! ，我们将对它进行编码

let base64URL = new Sphinx().encode('Hello Sphinx!')
复制代码

然后你将得到一串 base64 编码

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJklEQVQYV2P0SM35r8K1heE5owcDY2Zexf8dc1Yw/BdjYGBkQAIA+r4JjQKvLx4AAAAASUVORK5CYII=
复制代码

到这一步，编码便已经完成了。

正如你所看到的那样， encode() 方法返回一张图片的 base64 编码。

解码

定义一串图片的url：

let url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJklEQVQYV2P0SM35r8K1heE5owcDY2Zexf8dc1Yw/BdjYGBkQAIA+r4JjQKvLx4AAAAASUVORK5CYII='
复制代码

然后我们对其进行解码！

new Sphinx().decode(url)
    .then((info) => {
        console.log(info) // Hello Sphinx!
    })
复制代码

decode() 方法会返回一个 Promise 对象，它包含了从图片中解密出来的字符串信息。

配置

new Sphinx() 能够接收一个用于定义图片类型的配置对象

• config {Object} 可选 默认值: {img: 'png'}

new Sphinx({img: 'bmp'})
复制代码