Come mettere un oggetto sia davanti che dietro un altro oggetto contemporaneamente?

Ho provato (come test) a fare un cerchio con una barra che lo attraversava. La barra dovrebbe andare sotto un lato del cerchio e sopra l'altro.

L'ho fatto dividendo il cerchio in due oggetti, tuttavia ci sono cuciture visibili in cui è stata effettuata la divisione, anche se i percorsi corrispondono esattamente.

Inoltre, l'ombra sotto la parte sinistra del cerchio non va in cima alla barra come dovrebbe, e non riesco a pensare a nessun modo per risolvere questo problema senza dividere anche l'oggetto ombra.

C'è un modo migliore per farlo?

Se necessario, posso anche caricare lo svg .

Il divario che vedi è dovuto a un rendering imperfetto di Inkscape e non necessariamente un problema a seconda di come esporti o usi il tuo SVG (purché tagli con precisione). Le ombre, tuttavia, probabilmente causeranno problemi, una volta tagliate (che è l'unico modo in cui riesco a pensare di sistemarle).

Ecco la mia soluzione a questo. Ad esempio, ho tagliato una barra semplice, perché è più facile. Ma tagliare i cerchi esterni ha qualche vantaggio, che menzionerò più avanti. Prima un'immagine:

La sinistra utilizza oggetti trasparenti (uno blu, uno rosso) per la dimostrazione, a destra mostra il risultato.

• Nella parte superiore, ho riprodotto quello che hai fatto e ho appena tagliato la mia barra. Ciò porta al summenzionato divario su alcuni livelli di zoom o esportazioni di pixel (può verificarsi anche in alcuni renderer PDF o simili).
• Nel mezzo, lascio che le due metà della barra si sovrappongano, il che evita lo spazio ma fa apparire la barra leggermente più spessa attorno al taglio (potrebbe essere necessario ingrandire per vedere questo).
• In fondo, ho usato ciò che consiglio di fare¹. La più grande sovrapposizione è metà della larghezza della barra. Non sono riuscito a trovare alcun livello di zoom o esportazione per il quale ciò ha prodotto un effetto di aliasing indesiderato (ovvero uno spazio vuoto o una barra ispessita).

Ora diamo un'occhiata alle ombre:

L'ordine è lo stesso di cui sopra. A destra, abbiamo solo le ombre per una migliore illustrazione.

• L'ombra per il taglio semplice sembra a posto, ma possiamo vedere che è leggermente più debole nella posizione di taglio. Questo diventa più un problema per le ombre più sfocate.
• Nel mezzo, abbiamo un problema significativo.
• In fondo, possiamo distinguere la posizione del taglio, ma l'ombra non è né più debole né più forte, ma distribuita in modo diverso. In particolare, non c'è niente di peggio se l'ombra diventa più sfocata. Il taglio è ancora meno visibile, se non si verifica su un segmento rettilineo, motivo per cui potrebbe essere vantaggioso tagliare i cerchi invece della barra centrale.

¹ È possibile ottenere ciò come segue:

1. Fai il taglio normalmente.
2. Aggiungi un nodo al centro di ciascun bordo tagliato.
3. Sposta ciascun nodo verso l'esterno di un quarto della larghezza² di qualunque cosa tu tagli.

² Per questo valore, ho trovato empiricamente la distorsione dell'ombra più bassa.