国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

SphinxJS——把字符串編碼成png圖片的超輕量級開源庫

Barrior / 1250人閱讀

摘要:體驗地址項目地址一個能夠把字符串編碼成圖片,或者從圖片中解碼出字符串的超輕量級開源庫,總代碼數甚至不超過行使用方法通過安裝通過標簽引入值得注意的是,因為使用了的以及其他很棒的特性,這意味著需要你的瀏覽器提供支持。

體驗地址:https://jrainlau.github.io/sp...
項目地址:https://github.com/jrainlau/s...

SphinxJS

一個能夠把字符串編碼成png圖片,或者從png圖片中解碼出字符串的超輕量級開源庫,總代碼數甚至不超過100行!

使用方法

通過npm安裝

npm install sphinx.js

通過標簽引入

值得注意的是,因為SphinxJS使用了ES2015的Promise以及其他很棒的特性,這意味著需要你的瀏覽器提供支持。否則的話,你可能需要Babel或者一些別的工具去構建你的代碼。

SphinxJS同時支持以AMDCommonJS以及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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91002.html

相關文章

  • 前端圖像處理指南

    摘要:本文會介紹位圖處理,矢量圖和圖像處理,重點是,并且最后會附上一個小應用。以上列舉部分,更多備胎在此矢量圖處理講完位圖再說矢量圖。矢量圖在繪制圖標商業動畫元素上應用非常廣范。 計算機圖像處理是一門很成熟的技術,任何一門可操作系統接口的語言都能很輕易的實現各種處理操作。但是前端限于瀏覽器環境和接口限制,處理起來會有諸多不便,這里所說的前端圖像處理,是真的指不借助任何后端服務純前端實現的圖像...

    Anshiii 評論0 收藏0
  • 前端圖像處理指南

    摘要:本文會介紹位圖處理,矢量圖和圖像處理,重點是,并且最后會附上一個小應用。以上列舉部分,更多備胎在此矢量圖處理講完位圖再說矢量圖。矢量圖在繪制圖標商業動畫元素上應用非常廣范。 計算機圖像處理是一門很成熟的技術,任何一門可操作系統接口的語言都能很輕易的實現各種處理操作。但是前端限于瀏覽器環境和接口限制,處理起來會有諸多不便,這里所說的前端圖像處理,是真的指不借助任何后端服務純前端實現的圖像...

    CatalpaFlat 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<