向您展示為什麼永遠不應該使用像素化作為編輯技術。有關其工作原理的更完整的文章,請查看我的部落格文章。
安裝依賴項:
npm install
然後開始
npm start
就是這樣。
這有點手動,一點也不簡化。我想你會明白為什麼。如果有人想嘗試讓這個過程更加在應用程式內進行,我會洗耳恭聽。身為 Electron 開發者,我是什麼樣子的?但是的,這裡是:
將影像裁切為僅像素化區域。沒有邊框,沒有其他文字。將secret.png
替換為該內容。我建議在 GiMP 中進行。
記下區塊大小(它只是每個像素化區塊的大小)。將程式碼中的blockSize
替換為該值。
讓 CSS 恰到好處。這是最難、最耗時的部分。嘗試將其輸入test.html
並在 Chrome 中查看。對其進行調整,直到您可以盡可能準確地複製一些範例文字。特別注意單字和字母的間距。如果歪了,那就一切都亂了。還有字體粗細,否則事情會變得太亮或太暗。我無法充分強調這一步的重要性,因為整件事實際上取決於能否正確複製經過編輯的字元。
確定您要嘗試的字元集。它位於preload.ts
的頂部。
按下“執行”按鈕,看看它是否有效!