成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

SphinxJS——把字符串編碼成png圖片的超輕量級(jí)開(kāi)源庫(kù)

Barrior / 1256人閱讀

摘要：體驗(yàn)地址項(xiàng)目地址一個(gè)能夠把字符串編碼成圖片，或者從圖片中解碼出字符串的超輕量級(jí)開(kāi)源庫(kù)，總代碼數(shù)甚至不超過(guò)行使用方法通過(guò)安裝通過(guò)標(biāo)簽引入值得注意的是，因?yàn)槭褂昧说囊约捌渌馨舻奶匦裕@意味著需要你的瀏覽器提供支持。

體驗(yàn)地址：https://jrainlau.github.io/sp...
項(xiàng)目地址：https://github.com/jrainlau/s...
SphinxJS

一個(gè)能夠把字符串編碼成png圖片，或者從png圖片中解碼出字符串的超輕量級(jí)開(kāi)源庫(kù)，總代碼數(shù)甚至不超過(guò)100行！

使用方法

通過(guò)npm安裝

npm install sphinx.js

通過(guò)標(biāo)簽引入

值得注意的是，因?yàn)?b>SphinxJS使用了ES2015的Promise以及其他很棒的特性，這意味著需要你的瀏覽器提供支持。否則的話，你可能需要Babel或者一些別的工具去構(gòu)建你的代碼。


SphinxJS同時(shí)支持以AMD，CommonJS以及ES6模塊的方式進(jìn)行引用。
編碼

定義一個(gè)字符串Hello Sphinx!，我們將對(duì)它進(jìn)行編碼

let base64URL = new Sphinx().encode("Hello Sphinx!")

然后你將得到一串base64編碼

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJklEQVQYV2P0SM35r8K1heE5owcDY2Zexf8dc1Yw/BdjYGBkQAIA+r4JjQKvLx4AAAAASUVORK5CYII=

到這一步，編碼便已經(jīng)完成了。

正如你所看到的那樣，encode()方法返回一張圖片的base64編碼。

解碼

定義一串圖片的url：

let url = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJklEQVQYV2P0SM35r8K1heE5owcDY2Zexf8dc1Yw/BdjYGBkQAIA+r4JjQKvLx4AAAAASUVORK5CYII="

然后我們對(duì)其進(jìn)行解碼！

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

decode()方法會(huì)返回一個(gè)Promise對(duì)象，它包含了從圖片中解密出來(lái)的字符串信息。

配置

new Sphinx()能夠接收一個(gè)用于定義圖片類(lèi)型的配置對(duì)象

config {Object} 可選 默認(rèn)值: {img: "png"}

new Sphinx({img: "bmp"})
證書(shū)

MIT

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91002.html

相關(guān)文章

  • 前端圖像處理指南

    摘要：本文會(huì)介紹位圖處理，矢量圖和圖像處理，重點(diǎn)是，并且最后會(huì)附上一個(gè)小應(yīng)用。以上列舉部分，更多備胎在此矢量圖處理講完位圖再說(shuō)矢量圖。矢量圖在繪制圖標(biāo)商業(yè)動(dòng)畫(huà)元素上應(yīng)用非常廣范。 計(jì)算機(jī)圖像處理是一門(mén)很成熟的技術(shù)，任何一門(mén)可操作系統(tǒng)接口的語(yǔ)言都能很輕易的實(shí)現(xiàn)各種處理操作。但是前端限于瀏覽器環(huán)境和接口限制，處理起來(lái)會(huì)有諸多不便，這里所說(shuō)的前端圖像處理，是真的指不借助任何后端服務(wù)純前端實(shí)現(xiàn)的圖像...

    Anshiii 評(píng)論0 收藏0

  • 前端圖像處理指南

    摘要：本文會(huì)介紹位圖處理，矢量圖和圖像處理，重點(diǎn)是，并且最后會(huì)附上一個(gè)小應(yīng)用。以上列舉部分，更多備胎在此矢量圖處理講完位圖再說(shuō)矢量圖。矢量圖在繪制圖標(biāo)商業(yè)動(dòng)畫(huà)元素上應(yīng)用非常廣范。 計(jì)算機(jī)圖像處理是一門(mén)很成熟的技術(shù)，任何一門(mén)可操作系統(tǒng)接口的語(yǔ)言都能很輕易的實(shí)現(xiàn)各種處理操作。但是前端限于瀏覽器環(huán)境和接口限制，處理起來(lái)會(huì)有諸多不便，這里所說(shuō)的前端圖像處理，是真的指不借助任何后端服務(wù)純前端實(shí)現(xiàn)的圖像...

    CatalpaFlat 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<