Wie stelle ich ein Objekt gleichzeitig vor und hinter ein anderes Objekt?

Ich habe (als Test) versucht, einen Kreis mit einem Balken zu bilden. Der Balken sollte unter einer Seite des Kreises und über der anderen liegen.

Ich habe den Kreis in zwei Objekte aufgeteilt. Es gibt jedoch sichtbare Nähte, an denen die Teilung vorgenommen wurde, obwohl die Pfade genau übereinstimmen.

Außerdem wird der Schatten unter dem linken Teil des Kreises nicht wie gewünscht auf die Leiste gelegt, und ich kann mir keine Möglichkeit vorstellen, dies zu beheben, ohne auch das Schattenobjekt zu teilen.

Gibt es einen besseren Weg, dies zu tun?

Bei Bedarf kann ich auch die svg hochladen .

Die Lücke, die Sie sehen, ist auf ein fehlerhaftes Rendering von Inkscape zurückzuführen und nicht unbedingt ein Problem, je nachdem, wie Sie Ihre SVG-Datei exportieren oder verwenden (solange Sie präzise schneiden). Die Schatten werden jedoch wahrscheinlich Probleme verursachen, wenn sie zerschnitten werden (was der einzige Weg ist, den ich mir vorstellen kann, um sie richtig zu machen).

Hier ist meine Lösung dafür. Als Beispiel habe ich eine einfache Leiste zerschnitten, weil es einfacher ist. Aber das Zerschneiden der äußeren Kreise hat einen Vorteil, den ich später erwähnen werde. Zuerst ein Bild:

Die linke Seite zeigt transparente Objekte (eines blau, eines rot), die rechte Seite zeigt das Ergebnis.

• Oben habe ich wiedergegeben, was du getan hast, und nur meine Latte abgeschnitten. Dies führt zu der oben genannten Lücke bei einigen Zoomstufen oder Pixelexporten (dies kann auch bei einigen PDF-Renderern oder Ähnlichem vorkommen).
• In der Mitte lasse ich die beiden Hälften des Balkens überlappen, was die Lücke vermeidet, aber den Balken um den Schnitt herum etwas dicker erscheinen lässt (Sie müssen möglicherweise zoomen, um dies zu sehen).
• Im unteren Teil habe ich das verwendet, was ich empfehle¹. Die größte Überlappung beträgt die Hälfte der Balkenbreite. Ich konnte keine Zoomstufe oder keinen Export finden, bei denen dies zu einem unerwünschten Aliasing-Effekt führte (dh zu einer Lücke oder einem verdickten Balken).

Nun schauen wir uns die Schatten an:

Die Reihenfolge ist die gleiche wie oben. Rechts haben wir nur die Schatten zur besseren Veranschaulichung.

• Der Schatten für den einfachen Schnitt sieht in Ordnung aus, aber wir können sehen, dass er an der Schnittposition etwas schwächer ist. Dies wird eher zu einem Problem für unscharfere Schatten.
• In der Mitte haben wir ein erhebliches Problem.
• Unten können wir die Position des Schnitts erkennen, aber der Schatten ist weder schwächer noch stärker, sondern nur unterschiedlich verteilt. Insbesondere wird es nicht schlimmer, wenn der Schatten unschärfer wird. Der Schnitt ist noch weniger sichtbar, wenn er nicht in einem geraden Segment auftritt, weshalb es für Sie möglicherweise vorteilhafter ist, die Kreise anstelle des mittleren Balkens zu schneiden.

¹ Das erreichen Sie wie folgt:

1. Machen Sie den Schnitt wie gewohnt.
2. Fügen Sie in der Mitte jeder Schnittkante einen Knoten hinzu.
3. Bewegen Sie jeden Knoten um ein Viertel der Breite² nach außen.

² Für diesen Wert habe ich empirisch festgestellt, dass die Verzerrung des Schattens am geringsten ist.