脚本宝典收集整理的这篇文章主要介绍了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
或者一些别的工具去构建你的代码。
编码
定义一个字符串Hello Sphinx!
,我们将对它进行编码
let base64URL = new Sphinx().encode('Hello Sphinx!')
然后你将得到一串base64
编码
data:image@H_76_126@/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()
能够接收一个用于定义图片类型的配置对象
new Sphinx({img: 'bmp'})
证书
MIT
以上是脚本宝典为你收集整理的SphinxJS——把字符串编码成png图片的超轻量级开源库全部内容,希望文章能够帮你解决SphinxJS——把字符串编码成png图片的超轻量级开源库所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。