PHP 将 GD 图像转换为用于验证码的 CSS 代码

Question

为了生成难以被机器破解的验证码，我计划将文本图像（仅限黑白）转换为 CSS 代码以显示给用户。

所以这个问题有两个方面：

1. 让验证码难以被机器读取是个好主意吗？
2. 如果是这样，将 GD 图像转换为 CSS 的最佳方法是什么？

我计划循环遍历图像中的所有像素，检查它们是否是黑色的，如果是黑色的，则将像素写入 CSS 中。但我不知道如何在CSS中编写黑色像素（我的CSS技能缺乏。）所以对于我的第二个问题，我想知道如何在CSS中编写黑色像素。除非有人对生成 CSS 代码有更好的想法，或者已经存在一个工具可以做到这一点。

请注意，我正在构建自己的验证码系统，因为除了我自己的目的之外，我将使用输入的输入将文本图像转换为文本（就像使用 ReCAPTCHA 系统所做的那样）。所以我必须自己构建验证码系统。

Answer 1

完全不知道如何将图像转换为CSS。它只会增加大量额外的开销并造成 CSS 的混乱，同时不会增加任何实际价值。通过混淆实现的安全性很差——尤其是在这里。

此外 - 是什么让你认为验证码破解软件不会只是截取你的 CSS 混乱的屏幕截图，然后瞧：将你的验证码作为图像？不要这样做。

如果您只是专注于使您的验证码文本变得复杂，那么您就不会有问题。或者您也可以像大多数人一样 - 使用 reCAPTCHA。

Answer 2

你应该这样做：

// generate the image $img
function img2data($img) {return "<img src=\"data:image/png;base64,".base64_encode($img)."\" />";}
ob_start("img2data");
imagepng($img);
ob_end_flush();

这将直接在 HTML 文件中输出图像数据，并且它将显示在大多数浏览器中（可能不是 IE7）。