bishopfox/unredacterVerwende niemals, niemals, niemals Pixelung als Schwärzungstechnik.
Zeigt dir, warum du niemals, niemals, niemals Pixelierung als Schwärzungstechnik verwenden solltest. Für eine ausführlichere Erklärung, wie das funktioniert, wirf einen Blick auf meinen Blogbeitrag hier.
Installiere die Abhängigkeiten:
npm install
Starte dann mit
npm start
Das war's.
Das ist etwas manuell und überhaupt nicht optimiert. Ich denke, du wirst schon sehen, warum. Wenn jemand Lust hat, diesen Prozess stärker in die App zu integrieren, ich bin ganz Ohr. Wie sehe ich denn aus? Wie ein Electron-Entwickler? Aber ja, hier ist es:
Beschneide dein Bild auf den pixelierten Bereich. Keine Ränder, kein anderer Text. Ersetze secret.png damit. Ich empfehle, das in GiMP zu machen.
Notiere dir die Blockgröße (das ist einfach die Größe jedes pixelierten Blocks). Ersetze im Code durch diesen Wert.
blockSizeStelle das CSS genau richtig ein. Das ist der schwierigste und zeitaufwändigste Teil. Versuche, es in test.html einzugeben und sieh es dir in Chrome an. Justiere so lange, bis du einen Beispieltext möglichst exakt nachbilden kannst. Achte besonders auf den Wort- und Zeichenabstand. Wenn er schief ist, funktioniert am Ende nichts mehr. Außerdem das font-weight, sonst wird am Ende alles zu hell oder zu dunkel. Ich kann gar nicht genug betonen, wie entscheidend dieser Schritt ist, denn das Ganze hängt wirklich davon ab, die geschwärzten Zeichen korrekt nachbilden zu können.
Lege fest, welchen Zeichensatz du ausprobieren möchtest. Er steht oben in preload.ts.
Drücke den Go-Button und schau, ob es funktioniert!