Ich möchte ein SVG-Hintergrundbild für eine Webseite mit regulären Sechsecken in einem Tessellationsmuster ähnlich dem folgenden Bild erstellen . Ich benötige jedoch die Sechsecke, um eine Verbindung herzustellen, damit ich Folgendes verwenden kann:
background-image: url("path-to-hex.svg");
CSS-Muster. Ich würde das gerne in Inkscape machen. Ich bin mir nicht sicher, wie ich das Muster in Blöcke "schneiden" soll. Wie würde ich damit anfangen?
BEARBEITEN Das Ergebnis sah wirklich gut aus!
Antworten:
Mit ein bisschen Trick durch boolesche Operationen ist dies ein ziemlich einfacher Prozess.
Nehmen Sie einfach einen Satz der Sechsecke, die Sie dort haben, erstellen Sie ein Rechteck, das mit dem orangefarbenen übereinstimmt, das ich im Bild oben habe (stellen Sie sicher, dass die Ecken an den entsprechenden Punkten auf den Sechsecken einrasten), und verwenden Sie dann das Schnittwerkzeug, um zu erhalten alles außerhalb des Rechtecks loswerden. Das sollte Ihnen ein kachelbares Muster hinterlassen.
Bearbeiten: Per horatios Kommentar (guter Anruf!) Dachte ich, ich sollte erklären, wie ich mich für dieses bestimmte Rechteck entschieden habe. Wenn Sie eine Kachel erstellen, muss jeder Teil Ihres Musters mindestens einmal in dieser Kachel erscheinen (und im Idealfall nicht mehr als einmal). Mit diesem Muster habe ich nach wiederkehrenden Punkten auf der x- oder y-Achse gesucht. Zum Glück sitzen die Sechsecke nicht in einem merkwürdigen Winkel, was die Sache relativ einfach machte.
Auf der X-Achse habe ich zwei Sechsecke ausgewählt, die ausgerichtet waren. Dies wäre der Anfang und das Ende des Musters horizontal. Als nächstes habe ich jeweils einen passenden Punkt ausgewählt (in diesem Fall den Punkt ganz links). Dies würde die genaue Breite des Beschneidungsrechtecks für das Muster markieren. Als nächstes habe ich dasselbe vertikal gemacht und die Punkte, die ich bereits für die Breite ausgewählt habe, als obere Ecken des Schnittrechtecks des Musters verwendet. Sobald ich die passenden unteren Punkte gefunden hatte, wurde das Beschneidungsrechteck definiert.
Sie können diese Technik für eine beliebige Anzahl von Formen verwenden. Sie können es auch für Sechsecke (oder andere Formen) in einem Winkel verwenden. Beachten Sie jedoch, dass die Kachel je nach Winkel wesentlich größer wird.
quelle