馬上就要520了，也許你能用到這款《文生圖》工具！把字藏在圖裡，發給女神，大膽去表白吧~，文末附源碼喲！預覽地址：https://dombro.site/tools#/text-image ...
大家好，我是 DOM哥
也許你會好奇上面的這張圖片是怎麼生成的，接下來我就開始隆重介紹這款文生圖工具
當然，並非 AI 的那個文生圖啦
非常簡潔的界面啊！左邊是預覽區，右邊是配置區
圖片模式呢，是能把一張圖片變成由文字組成
用起來也是非常簡單
graph TD 上傳一張圖片 --> 寫上填充的文案 --> 成了可以放大看看細節，相當耐斯
這裡可以合併相同色值，把小字合成一個大字。可以看看上下兩張圖的不同
然後就是文字模式。
graph TD 輸入一個文案 --> 再輸入幾個用來填充的字 --> 就生成了一張字套字的圖片字套字啊！
這裡還可以設置文字的排版。
可以按照順序去填充。這時候一個大字就是由很多小字組成。
也可以逐字去填充。這時候一個大字就是由一個小字填充。
馬上就要520了，選中女神的圖片，再寫上想說的話，用來表白也不是不可以！
接下來說說實現思路。
先這樣
先把選擇的圖片畫在 canvas 上。接著用 getImageData 方法拿到源圖上每個像素點的顏色信息。
再那樣
然後把源圖的每個像素點替換成填充文字，並且設置文字顏色和像素點兒的顏色一樣。
最後
想要源碼的猿媛們註意啦，我都寫完了何必自己寫呢！私信我留個郵箱哈~
點贊推薦送源碼啦
