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

Question

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

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

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

我打算遍历图像中的所有像素，检查它们是否为黑色，如果是，则将像素写入 CSS。但是我不知道如何在 CSS 中编写黑色像素（我的 CSS 技能欠缺。）所以对于我的第二个问题，我想知道如何在 CSS 中编写黑色像素。除非有人对生成 CSS 代码有更好的想法，或者是否已经存在可以执行此操作的工具。

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

Answer 1

将图像转换为 CSS 完全没有想法。它只是增加了很多额外的开销并造成了巨大的 CSS 混乱，同时没有增加任何真正的价值。通过混淆的安全性很差 - 尤其是在这里。

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

如果您只专注于使您的验证码文本变得复杂，那么您不会有任何问题。或者您也可以像大多数人一样使用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）中显示出来。