屏蔽或隐藏背景图像的路径答案

【问题标题】：Masking or hiding the path to a background image屏蔽或隐藏背景图像的路径
【发布时间】：2011-07-10 14:47:00
【问题描述】：

我正在从 div 创建的大网格中显示图像的片段。我正在使用背景图像和背景位置来显示图像的一部分。我遇到的问题是用户可以简单地打开 firebug 并查看整个图像（这违背了游戏的目的）。

我尝试使用 php 脚本作为 URL 来屏蔽路径，但如果用户导航到 php 文件，他们仍然可以看到图像。看起来我对 CSS 所做的任何事情都完全是客户端，所以在我的 .htaccess 中拒绝本地主机之外的所有内容都行不通。

有什么建议吗？

最重要的目标是有一种自动化的方式来分割图像片段并将其显示到网格中。

【问题讨论】：

【解决方案1】：

如果您将整个图像传送给浏览器，则浏览器将持有该图像并有权将其显示给用户。我认为您不能阻止浏览器显示它。恐怕您将不得不分段交付图像，或者可能使用<canvas> 编写整个游戏并将图像作为像素数据来玩。 :)

【讨论】：

感谢您的提示，雷！我发现 PHP 有一个图像处理和 GD 库，可以让您以编程方式复制图像的各个部分。而不是创建 div，我只是将图像的部分剪切掉，只显示在数据库中设置了标志的部分。不是最优雅的解决方案，但它很有效 =P