unredacter

取消编辑器

向您展示为什么永远不应该使用像素化作为编辑技术。有关其工作原理的更完整的文章，请查看我的博客文章。

如何尝试

安装依赖项：

npm install

然后开始

npm start

就是这样。

如何破解你自己的像素化图像

这有点手动，一点也不简化。我想你会明白为什么。如果有人想尝试让这个过程更加在应用程序内进行，我会洗耳恭听。作为一名 Electron 开发者，我是什么样子的？但是的，这里是：

1. 将图像裁剪为仅像素化区域。没有边框，没有其他文字。将secret.png替换为该内容。我建议在 GiMP 中进行。

2. 记下块大小（它只是每个像素化块的大小）。将代码中的blockSize替换为该值。

3. 让 CSS 恰到好处。这是最难、最耗时的部分。尝试将其输入test.html并在 Chrome 中查看。对其进行调整，直到您可以尽可能准确地复制一些示例文本。特别注意单词和字母的间距。如果歪了，那就一切都乱了。还有字体粗细，否则事情会变得太亮或太暗。我无法充分强调这一步的重要性，因为整个事情实际上取决于能否正确复制经过编辑的字符。

4. 确定您要尝试的字符集。它位于preload.ts的顶部。

5. 按下“执行”按钮，看看它是否有效！