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

資訊專欄INFORMATION COLUMN

開源自己寫的圖片轉Ascii碼圖工具

寵來也 / 3290人閱讀

摘要:地址如果覺得不錯可以給個或者提出你的建議,基于的圖片轉示意圖。瓶頸目前項目的瓶頸存在于這個插件,把圖片轉成碼在瀏覽器中輸出是十分快速的,但是后期將輸出的碼轉換成圖片時,使用了插件,這個插件在轉換圖片的過程中十分緩慢,導致最后的輸出緩慢。

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

如果覺得不錯可以給個star或者提出你的建議


img2Ascii,基于JS的圖片轉ASCII示意圖。

效果

轉碼前圖片

轉碼后圖片

構建
npm install 或者 yarn install

之后通過

npm run dev

即可打開項目

使用

以下代碼在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方法需要傳入兩個參數,第一個參數是圖片路徑,第二個參數是圖片轉換完畢后的回調函數,需要自己在回調函數中注入新生成的圖片節點,否則看不到效果。

實現思路

把圖片在canvas中繪制后,利用getImageData接口獲取圖片的rgba,計算rgba值轉換為對應的ASCII碼,在適當的位置進行換行,然后整體轉換便完成。

瓶頸

目前項目的瓶頸存在于html2canvas這個插件,把圖片轉成ASCII碼在瀏覽器中輸出是十分快速的,但是后期將輸出的ASCII碼轉換成圖片時,使用了html2canvas插件,這個插件在轉換圖片的過程中十分緩慢,導致最后的輸出緩慢。接下來會把html2canvas這個插件換成使用別的插件實現,忘廣大網友提供一些轉圖片的插件。


除此之外我還寫有draggable拖拽庫以及ant-template模板引擎,如果覺得不錯可以給個star

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

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

相關文章

  • 開源自己寫的圖片Ascii碼圖工具

    摘要:地址如果覺得不錯可以給個或者提出你的建議,基于的圖片轉示意圖。瓶頸目前項目的瓶頸存在于這個插件,把圖片轉成碼在瀏覽器中輸出是十分快速的,但是后期將輸出的碼轉換成圖片時,使用了插件,這個插件在轉換圖片的過程中十分緩慢,導致最后的輸出緩慢。 GitHub地址:https://github.com/qiangzi772... 如果覺得不錯可以給個star或者提出你的建議 img2Ascii...

    Yangyang 評論0 收藏0
  • 寫個腳本薅區塊魚羊毛

    摘要:成果展示總結這個腳本就是簡單的利用的庫,來模擬用戶注冊的流程,以達到邀請用戶的目的。這個腳本也有很多不完善的地方,比如驗證碼識別機器人檢測一些錯誤判斷都沒有,待完善的地方還有很多。這個腳本只是為了和大家交流學習。 ??區塊魚是一個基于區塊鏈的游戲,這個游戲目前有個邀請活動,邀請好友注冊,送相應種類的魚,不同的魚價格不一樣 普通魚 0.015 ETH起(邀請3個好友) 稀缺魚 0.05...

    zhongmeizhi 評論0 收藏0
  • 寫個腳本薅區塊魚羊毛

    摘要:成果展示總結這個腳本就是簡單的利用的庫,來模擬用戶注冊的流程,以達到邀請用戶的目的。這個腳本也有很多不完善的地方,比如驗證碼識別機器人檢測一些錯誤判斷都沒有,待完善的地方還有很多。這個腳本只是為了和大家交流學習。 ??區塊魚是一個基于區塊鏈的游戲,這個游戲目前有個邀請活動,邀請好友注冊,送相應種類的魚,不同的魚價格不一樣 普通魚 0.015 ETH起(邀請3個好友) 稀缺魚 0.05...

    warmcheng 評論0 收藏0

發表評論

0條評論

寵來也

|高級講師

TA的文章

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