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

資訊專(zhuān)欄INFORMATION COLUMN

開(kāi)源自己寫(xiě)的圖片轉(zhuǎn)Ascii碼圖工具

寵來(lái)也 / 3299人閱讀

摘要：地址如果覺(jué)得不錯(cuò)可以給個(gè)或者提出你的建議，基于的圖片轉(zhuǎn)示意圖。瓶頸目前項(xiàng)目的瓶頸存在于這個(gè)插件，把圖片轉(zhuǎn)成碼在瀏覽器中輸出是十分快速的，但是后期將輸出的碼轉(zhuǎn)換成圖片時(shí)，使用了插件，這個(gè)插件在轉(zhuǎn)換圖片的過(guò)程中十分緩慢，導(dǎo)致最后的輸出緩慢。

GitHub地址：https://github.com/qiangzi772...

如果覺(jué)得不錯(cuò)可以給個(gè)star或者提出你的建議

img2Ascii，基于JS的圖片轉(zhuǎn)ASCII示意圖。

效果

轉(zhuǎn)碼前圖片

轉(zhuǎn)碼后圖片

構(gòu)建 
npm install 或者 yarn install

之后通過(guò)

npm run dev

即可打開(kāi)項(xiàng)目

使用

以下代碼在main.js中

const Img2Ascii=require("./index");
const img=require("./assets/av.png");

new Img2Ascii(img,(nSrc,img)=>{
    const nImg = new Image();
    nImg.src = nSrc;
    nImg.style.width = img.width + "px";
    nImg.style.height = img.height + "px";
    nImg.onload = () => {
        document.body.appendChild(nImg);
        document.getElementById("tip").style.display="none";
    }
});

Img2Ascii方法需要傳入兩個(gè)參數(shù)，第一個(gè)參數(shù)是圖片路徑，第二個(gè)參數(shù)是圖片轉(zhuǎn)換完畢后的回調(diào)函數(shù)，需要自己在回調(diào)函數(shù)中注入新生成的圖片節(jié)點(diǎn)，否則看不到效果。

實(shí)現(xiàn)思路

把圖片在canvas中繪制后，利用getImageData接口獲取圖片的rgba，計(jì)算rgba值轉(zhuǎn)換為對(duì)應(yīng)的ASCII碼，在適當(dāng)?shù)奈恢眠M(jìn)行換行，然后整體轉(zhuǎn)換便完成。

瓶頸

目前項(xiàng)目的瓶頸存在于html2canvas這個(gè)插件，把圖片轉(zhuǎn)成ASCII碼在瀏覽器中輸出是十分快速的，但是后期將輸出的ASCII碼轉(zhuǎn)換成圖片時(shí)，使用了html2canvas插件，這個(gè)插件在轉(zhuǎn)換圖片的過(guò)程中十分緩慢，導(dǎo)致最后的輸出緩慢。接下來(lái)會(huì)把html2canvas這個(gè)插件換成使用別的插件實(shí)現(xiàn)，忘廣大網(wǎng)友提供一些轉(zhuǎn)圖片的插件。

除此之外我還寫(xiě)有draggable拖拽庫(kù)以及ant-template模板引擎，如果覺(jué)得不錯(cuò)可以給個(gè)star。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/50955.html

相關(guān)文章

  • 開(kāi)源自己寫(xiě)的圖片轉(zhuǎn)Ascii碼圖工具

    摘要：地址如果覺(jué)得不錯(cuò)可以給個(gè)或者提出你的建議，基于的圖片轉(zhuǎn)示意圖。瓶頸目前項(xiàng)目的瓶頸存在于這個(gè)插件，把圖片轉(zhuǎn)成碼在瀏覽器中輸出是十分快速的，但是后期將輸出的碼轉(zhuǎn)換成圖片時(shí)，使用了插件，這個(gè)插件在轉(zhuǎn)換圖片的過(guò)程中十分緩慢，導(dǎo)致最后的輸出緩慢。 GitHub地址：https://github.com/qiangzi772... 如果覺(jué)得不錯(cuò)可以給個(gè)star或者提出你的建議 img2Ascii...

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

  • 寫(xiě)個(gè)腳本薅區(qū)塊魚(yú)羊毛

    摘要：成果展示總結(jié)這個(gè)腳本就是簡(jiǎn)單的利用的庫(kù)，來(lái)模擬用戶(hù)注冊(cè)的流程，以達(dá)到邀請(qǐng)用戶(hù)的目的。這個(gè)腳本也有很多不完善的地方，比如驗(yàn)證碼識(shí)別機(jī)器人檢測(cè)一些錯(cuò)誤判斷都沒(méi)有，待完善的地方還有很多。這個(gè)腳本只是為了和大家交流學(xué)習(xí)。 ??區(qū)塊魚(yú)是一個(gè)基于區(qū)塊鏈的游戲，這個(gè)游戲目前有個(gè)邀請(qǐng)活動(dòng)，邀請(qǐng)好友注冊(cè)，送相應(yīng)種類(lèi)的魚(yú)，不同的魚(yú)價(jià)格不一樣 普通魚(yú) 0.015 ETH起(邀請(qǐng)3個(gè)好友) 稀缺魚(yú) 0.05...

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

  • 寫(xiě)個(gè)腳本薅區(qū)塊魚(yú)羊毛

    摘要：成果展示總結(jié)這個(gè)腳本就是簡(jiǎn)單的利用的庫(kù)，來(lái)模擬用戶(hù)注冊(cè)的流程，以達(dá)到邀請(qǐng)用戶(hù)的目的。這個(gè)腳本也有很多不完善的地方，比如驗(yàn)證碼識(shí)別機(jī)器人檢測(cè)一些錯(cuò)誤判斷都沒(méi)有，待完善的地方還有很多。這個(gè)腳本只是為了和大家交流學(xué)習(xí)。 ??區(qū)塊魚(yú)是一個(gè)基于區(qū)塊鏈的游戲，這個(gè)游戲目前有個(gè)邀請(qǐng)活動(dòng)，邀請(qǐng)好友注冊(cè)，送相應(yīng)種類(lèi)的魚(yú)，不同的魚(yú)價(jià)格不一樣 普通魚(yú) 0.015 ETH起(邀請(qǐng)3個(gè)好友) 稀缺魚(yú) 0.05...

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

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

0條評(píng)論

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