在背景中有圆圈的简单瓷砖：图像与文字？

Question

主要技术问题 -

我正在开发一个接口 - 基本上 - 将使用预定义的方形切片具有稍微随意的背景。每个瓷砖将非常简单地在其内部具有许多不同尺寸的任意放置的圆圈。将会有很多的瓷砖 - 让我们假设它们都是唯一的。

我一直在玩的一个选择是我可以使用文字;每个图块的字体大小和white-space: pre-wrap样式不同的句点。我想我已经确定，就文件大小而言，这比使用圆圈的图像要小......它也会有点聪明。

然而，有些事情我并不熟悉。例如，图像的缓存可能最终使它们最终加载的速度比页面加载时的空间/句点块更快，即使它们最初需要花费更长的时间来下载。

我认为确定文本的整体尺寸会有点噩梦，但我确实需要知道这些信息，我想如果我使用像格鲁吉亚（似乎包含在所有系统/浏览器中），无论如何我都可以找到这些信息。

如果你一直在世界上，并且你想让项目尽可能美观（内部和外部），你将如何处理这种情况？

Answer 1

如果您正在寻找背景，我不会使用文字给我，这有点粗糙。

就个人而言，由于背景不是'内容'，我相信它不在你的HTML之内，应该用CSS或Javascript完成。

在这种情况下，我会使用背景图片。

查看cicada principle。

只使用少量图像，您可以获得非常酷的随机背景。

This example的图像少于7k。

此处another可以与圈子重复。