Eu tentei (como teste) fazer um círculo com uma barra passando por ele. A barra deve ficar sob um lado do círculo e sobre o outro.
Eu fiz isso dividindo o círculo em dois objetos, no entanto, existem costuras visíveis onde a divisão foi feita, mesmo que os caminhos correspondam exatamente.
Além disso, a sombra sob a parte esquerda do círculo não fica no topo da barra como deveria, e não consigo pensar em nenhuma maneira de consertar isso sem dividir o objeto de sombra também.
Existe uma maneira melhor de fazer isso?
Se necessário, também posso enviar o svg .
Respostas:
A diferença que você vê é devido a uma renderização imperfeita do Inkscape e não necessariamente um problema, dependendo de como você exporta ou usa seu SVG (desde que você corte com precisão). As sombras, no entanto, provavelmente causarão problemas quando cortadas (que é a única maneira de pensar para corrigi-las).
Aqui está a minha solução para isso. Como exemplo, cortei uma barra comum, porque é mais fácil. Mas cortar os círculos externos tem alguma vantagem, que mencionarei mais adiante. Primeiro uma imagem:
A esquerda usa objetos transparentes (um azul, um vermelho) para demonstração, a direita mostra o resultado.
Agora, vamos dar uma olhada nas sombras:
O pedido é o mesmo que acima. À direita, temos as sombras sozinhas para uma melhor ilustração.
¹ Você pode conseguir isso da seguinte maneira:
² Para esse valor, empiricamente, achei a distorção da sombra menor.
fonte