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 .
Antworten:
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.
Nun schauen wir uns die Schatten an:
Die Reihenfolge ist die gleiche wie oben. Rechts haben wir nur die Schatten zur besseren Veranschaulichung.
¹ Das erreichen Sie wie folgt:
² Für diesen Wert habe ich empirisch festgestellt, dass die Verzerrung des Schattens am geringsten ist.
quelle