如何快速组合多个图像用于页面查看计数器

Question

如何组合多个图像，例如基本图像与徽标和数字图像数量，以显示具有网页浏览量的图形计数器，动态更新？

它应该非常快，每秒有数千次渲染。用户应该看到没有Javascript和单img标记的计数器图片。

我更喜欢使用PIL库使用Python实现该计数器，但其他解决方案也很受欢迎。

Answer 1

在给定背景下预先计算每个数字位置的单个数字（对于每个数字0 ... 10）的图像。 然后要创建任意数字，您只需要将正确的图像粘贴在彼此旁边，但您不必进行任何Alpha混合。因此，这必须更有效率。

此外，如果某些页面计数更常见（例如页数<10000），您可能需要预先计算这些（10000）完整的计数器图像以直接为这些图像提供服务。

修改 您可以使用python PIL或任何其他方法执行此操作。如果您对PIL有特定的困难，请就您遇到的问题提出更直接的问题。

Answer 2

如果你真的需要每秒处理数千个“渲染”，我不建议动态生成图像。如何预先计算n个图像，其中n是预期的（你可能想在这里慷慨）计算你必须处理？

我知道你声明你不想使用javascript并且你只想要一个img标签，但我建议重新考虑将可视化推送到客户端，因为如果你真的得到你会烧掉不必要的资源您期望的负载（数千次点击/秒，每次点击增加计数器并使用PIL生成图像）。

Answer 3

由于示例中的背景是统一的，因此请渲染字符串“0123456789”并使用CSS sprites来构建计数器。