大家好，我是 DOM哥
也許你會好奇上面的這張圖片是怎么生成的，接下來我就開始隆重介紹這款文生圖工具
當然，并非 AI 的那個文生圖啦
預覽地址：https://dombro.site/tools#/text-image
非常簡潔的界面啊！左邊是預覽區，右邊是配置區
圖片模式呢，是能把一張圖片變成由文字組成
用起來也是非常簡單
graph TD 上傳一張圖片 --> 寫上填充的文案 --> 成了可以放大看看細節，相當耐斯
這里可以合并相同色值，把小字合成一個大字，可以看看上下兩張圖的不同
然后就是文字模式，
graph TD 輸入一個文案 --> 再輸入幾個用來填充的字 --> 就生成了一張字套字的圖片字套字啊！
這里還可以設定文字的排版，
可以按照順序去填充，這時候一個大字就是由很多小字組成，
也可以逐字去填充，這時候一個大字就是由一個小字填充，
馬上就要520了，選中女神的圖片，再寫上想說的話，用來表白也不是不可以！
接下來說說實作思路，
先這樣
先把選擇的圖片畫在 canvas 上，接著用 getImageData 方法拿到源圖上每個像素點的顏色資訊，
再那樣
然后把源圖的每個像素點替換成填充文字，并且設定文字顏色和像素點兒的顏色一樣，
最后
想要原始碼的猿媛們注意啦，我都寫完了何必自己寫呢！私信我留個郵箱哈~
點贊推薦送原始碼啦 ??你也可以去 B 站觀看視頻版 >>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/552921.html
標籤：其他
上一篇：JS函式中的屬性
下一篇：返回列表