Jak umieścić jeden obiekt jednocześnie z przodu i z tyłu innego obiektu?

Próbowałem (jako test) zrobić okrąg z przechodzącym przez niego paskiem. Pasek powinien przechodzić pod jedną stroną koła i nad drugą.

Zrobiłem to, dzieląc okrąg na dwa obiekty, jednak widoczne są szwy, w których dokonano podziału, mimo że ścieżki dokładnie do siebie pasują.

Ponadto cień pod lewą częścią koła nie wchodzi na pasek tak, jak powinien, i nie mogę wymyślić żadnego sposobu, aby to naprawić bez podziału obiektu cienia.

Czy jest na to lepszy sposób?

W razie potrzeby mogę również przesłać plik svg .

Luka, którą widzisz, wynika z niedoskonałego renderowania przez Inkscape i niekoniecznie stanowi problem w zależności od tego, w jaki sposób eksportujesz lub używasz SVG (o ile precyzyjnie tniesz). Jednak cienie najprawdopodobniej będą powodować problemy, gdy zostaną pocięte (to jedyny sposób, w jaki mogę je naprawić).

Oto moje rozwiązanie tego problemu. Jako przykład wyciąłem prosty pasek, ponieważ jest to łatwiejsze. Ale przecięcie kół zewnętrznych ma pewną zaletę, o której wspomnę później. Najpierw obraz:

Po lewej stronie do demonstracji wykorzystuje się przezroczyste obiekty (jeden niebieski, jeden czerwony), po prawej pokazuje wynik.

• Na górze odtworzyłem to, co zrobiłeś i po prostu przeciąłem pasek. Prowadzi to do wyżej wspomnianej luki w niektórych poziomach powiększenia lub eksportu pikseli (może się to zdarzyć również w niektórych programach do renderowania plików PDF lub podobnych).
• Na środku pozwalam, aby dwie połówki pręta zachodziły na siebie, co pozwala uniknąć odstępu, ale pozwala, aby pasek wydawał się nieco grubszy wokół cięcia (może być konieczne powiększenie, aby to zobaczyć).
• Na dole użyłem tego, co zalecam¹. Największe zachodzenie na siebie to połowa szerokości paska. Nie mogłem znaleźć żadnego poziomu powiększenia ani eksportu, dla którego spowodowałoby to niepożądany efekt aliasingu (tj. Przerwa lub pogrubiony pasek).

Spójrzmy teraz na cienie:

Kolejność jest taka sama jak powyżej. Po prawej stronie mamy same cienie dla lepszej ilustracji.

• Cień dla prostego cięcia wygląda dobrze, ale widzimy, że jest nieco słabszy w pozycji cięcia. Staje się to większym problemem dla cieni bardziej zaciekłych.
• W środku mamy poważny problem.
• Na dole możemy rozpoznać pozycję cięcia, ale cień nie jest ani słabszy, ani silniejszy, a jedynie inaczej rozłożony. W szczególności nie pogorszy się, jeśli cień stanie się bardziej niewyraźny. Cięcie jest jeszcze mniej widoczne, jeśli nie dzieje się to na prostym odcinku, dlatego może być lepiej wyciąć koła zamiast środkowego paska.

¹ Możesz to zrobić w następujący sposób:

1. Wykonaj cięcie jak zwykle.
2. Dodaj węzeł na środku każdej przyciętej krawędzi.
3. Przesuń każdy węzeł na zewnątrz o jedną czwartą szerokości² wszystkiego, co wycinasz.

² Dla tej wartości empirycznie stwierdziłem, że zniekształcenie cienia jest najniższe.