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

2019年8月31日 113次阅读 来源: jrainlau

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

体验地点：https://jrainlau.github.io/sp…
项目地点：https://github.com/jrainlau/s…

SphinxJS

一个可以把字符串编码成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'})

证书

MIT

    原文作者：jrainlau
    原文地址: https://segmentfault.com/a/1190000006897488
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞