如何创建平铺六边形镶嵌（适用于SVG / Web）？

我正在寻找一个使用SVG背景图像的网页，该背景使用类似六边形的常规六边形，类似于下图。但是，我需要六边形来互连，所以可以使用：

background-image: url("path-to-hex.svg");

CSS模式。我想在Inkscape中做到这一点。我不确定如何将模式“切割”成块。我将如何开始这样做？

编辑 结果出来看起来真的很好！

使用一些布尔运算技巧，这是一个非常简单的过程。

只需获取一组那里的六边形，创建一个与我在上图中获得的橙色相匹配的矩形（确保拐角捕捉到六边形上的适当点），然后使用相交工具获取删除矩形之外的所有内容。那应该为您提供可调整的模式。

编辑：根据horatio的评论（打个招呼！），我认为我应该解释我如何解决该特定矩形。创建图块时，您需要使图案的每个部分在该图块中至少出现一次（理想情况下，不应超过一次）。通过这种模式，我查看了x轴或y轴上是否有重复点；对我来说幸运的是，六边形并不是以奇怪的角度放置的，因此这使事情变得相对容易。

在X轴上，我选择了两个对齐的六边形。这些将是水平模式的开始和结束。接下来，我从每个对象中选择一个匹配点（在这种情况下，是最左边的点）。这将标记图案的裁剪矩形的确切宽度。接下来，我垂直进行相同的操作，使用已经为宽度选择的点作为图案的剪切矩形的顶角。找到匹配的较低点后，便定义了裁剪矩形。

您可以在多种形状上使用此技术。您也可以以一定角度在六边形（或其他形状）上使用它，但是请记住，根据角度的不同，图块会变得更大。