He intentado (como prueba) hacer un círculo con una barra que lo atraviesa. La barra debe ir debajo de un lado del círculo y sobre el otro.
He hecho esto dividiendo el círculo en dos objetos, sin embargo, hay costuras visibles donde se realizó la división, a pesar de que los caminos coinciden exactamente.
Además, la sombra debajo de la parte izquierda del círculo no va encima de la barra como debería, y no se me ocurre ninguna forma de arreglar esto sin dividir el objeto de sombra también.
¿Hay una mejor manera de hacer esto?
Si es necesario, también puedo subir el svg .
Respuestas:
La brecha que ve se debe a una representación imperfecta por parte de Inkscape y no necesariamente un problema dependiendo de cómo exporta o usa su SVG (siempre que corte con precisión). Sin embargo, las sombras probablemente causarán problemas cuando se corten (que es la única forma en que puedo pensar en corregirlas).
Aquí está mi solución a esto. Como ejemplo, corté una barra simple, porque es más fácil. Pero cortar los círculos exteriores tiene alguna ventaja, que mencionaré más adelante. Primero una imagen:
La izquierda usa objetos transparentes (uno azul, uno rojo) para la demostración, la derecha muestra el resultado.
Ahora, echemos un vistazo a las sombras:
El orden es el mismo que el anterior. A la derecha, tenemos solo las sombras para una mejor ilustración.
¹ Puede lograr esto de la siguiente manera:
² Para este valor, empíricamente encontré que la distorsión de la sombra es la más baja.
fuente