Как разместить один объект одновременно и перед, и позади другого?

Я попытался (в качестве теста) сделать круг с перемычкой. Планка должна проходить под одной стороной круга, а над другой.

Я сделал это, разделив круг на два объекта, однако есть видимые швы, где было выполнено разделение, даже если пути точно совпадают.

Кроме того, тень под левой частью круга не попадает на верхнюю часть панели, как это должно быть, и я не могу придумать способ исправить это, не разбивая теневой объект.

Есть лучший способ сделать это?

При необходимости я также могу загрузить svg .

Разрыв, который вы видите, связан с несовершенным рендерингом Inkscape и не обязательно является проблемой в зависимости от того, как вы экспортируете или используете SVG (если вы точно обрезаете). Тем не менее, тени могут вызвать проблемы при разрезании (это единственный способ, которым я могу придумать, чтобы сделать их правильными).

Вот мое решение этого. В качестве примера я порезал простой брусок, потому что так проще. Но у сокращения внешних кругов есть некоторое преимущество, о котором я упомяну позже. Сначала изображение:

Слева используются прозрачные объекты (один синий, один красный) для демонстрации, справа показан результат.

• В верхней части я воспроизвел то, что ты сделал, и просто порезал свой бар. Это приводит к вышеупомянутому разрыву в некоторых уровнях масштабирования или экспорте пикселей (это также может происходить в некоторых средствах рендеринга PDF или аналогичных).
• В середине я пересекаю две половины полосы, что позволяет избежать зазора, но позволяет полосе выглядеть немного толще вокруг разреза (возможно, вам придется увеличить изображение, чтобы увидеть это).
• Внизу я использовал то, что рекомендую делать¹. Самое большое перекрытие - половина ширины бара. Я не смог найти какой-либо уровень масштабирования или экспорт, для которого это приводило к нежелательному эффекту сглаживания (например, разрыв или утолщенная полоса).

Теперь давайте посмотрим на тени:

Порядок такой же, как указано выше. Справа у нас есть только тени для лучшей иллюстрации.

• Тень для простого разреза выглядит хорошо, но мы можем видеть, что она немного слабее в позиции резки. Это становится большей проблемой для размытых теней.
• В середине у нас значительная проблема.
• Внизу мы можем разобрать положение среза, но тень не является ни слабее, ни сильнее, просто распределяется по-разному. В частности, хуже не становится, если тень становится размытой. Разрез еще менее заметен, если он не происходит на прямолинейном отрезке, поэтому для вас может быть выгоднее разрезать круги вместо средней полосы.

¹ Вы можете достичь этого следующим образом:

1. Сделайте разрез как обычно.
2. Добавьте узел в середине каждого среза.
3. Переместите каждый узел наружу на одну четверть ширины² того, что вы отрежете.

² Для этого значения я эмпирически обнаружил, что искажение тени самое низкое.