墨消し技術としてピクセル化を決して使用してはいけない理由を示します。この仕組みの詳細については、私のブログ投稿をご覧ください。
依存関係をインストールします。
npm install
それから始めましょう
npm start
それでおしまい。
これは少し手動的であり、まったく合理化されていません。その理由が分かると思います。このプロセスをよりアプリ内で実現したいと考えている人がいれば、私は大歓迎です。 Electron 開発者としての私はどのような人物ですか?しかし、はい、ここにあります：
画像をピクセル化された領域のみにトリミングします。枠線や他のテキストはありません。 secret.pngそれに置き換えます。 GiMP で行うことをお勧めします。
ブロック サイズをメモします (これは、ピクセル化された各ブロックのサイズにすぎません)。コード内のblockSizeそれに置き換えます。
CSS を適切に取得します。これが最も難しく、最も時間のかかる部分です。 test.htmlに入力して Chrome で表示してみてください。サンプル テキストをできるだけ正確に再現できるまで調整します。単語と文字の間隔に特に注意してください。それが歪んでいると、すべてが台無しになってしまいます。また、フォントの太さもそうでないと、明るすぎたり暗すぎたりしてしまいます。このステップがどれほど重要であるかは、どれだけ強調してもしすぎることはありません。編集された文字を正しく複製できるかどうかにすべてがかかっているからです。
どの文字セットを試したいかを決定します。これはpreload.tsの先頭にあります。
実行ボタンを押して、動作するかどうかを確認してください。
