背景中有圆圈的简单瓷砖：图像与文本？ [关闭]

Question

一个主要的技术问题-

我正在开发一个界面 - 基本上 - 将使用预定义的方形图块具有看起来有点随机的背景。每个图块将非常简单地在其中包含许多任意放置的不同大小的圆圈。会有很多图块——我们假设它们都是独一无二的。

我一直在玩弄的一个选项是我可以使用文本的想法。每个磁贴的不同字体大小和white-space: pre-wrap 样式的时期。我想我已经确定，就文件大小而言，这会比使用圆圈的图像更小……它也会有点聪明。

不过，有些事情我并不喜欢。例如，也许图像的缓存最终会使它们最终加载得比页面加载时的空格/句点块更快，即使它们最初需要更长的时间来下载。

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

如果您在世界上拥有所有时间，并且希望使项目在美学上尽可能完美（内部和外部），您将如何处理这种情况？

Answer 1

如果你想要做背景，我不会使用文字——对我来说这有点恶心。

就个人而言，由于背景不是“内容”，我相信它不会出现在您的 HTML 中，应该使用 CSS 或 Javascript 来完成。

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

查看cicada principle。

仅使用几张图片，您可以获得非常酷、随机的背景。

This example 的图像少于 7k。

这是another，可以用圆圈复制。