What I want to do is add the blue area labelled "desired shape" and bounded by the yellow and red areas to the yellow area. The result would be a concave rounded corner. I also want to do this symmetrically, so that the corner on the opposite side is rounded as well.
The yellow shape is a single shape with two separate vertices occupying the same place. To illustrate, in this diagram I have moved them apart slightly:
I have tried two approaches to achieve the desired result. One approach uses the Corners Live Path Effect, the other uses Boolean operations. Both fail, and I'll describe how.
Approach 1: Live Path Effect
If I attempt to apply the Corners Live Path Effect, the two corners are rounded asymmetrically. I use the following settings:
This gives me the following result:
Notice how the left-hand side has a larger radius than the right-hand side. In fact, neither has the desired 3-pixel radius. The left-hand side is too large, and the right-hand side is too small.
Approach 2: Boolean Operations
I also try manually manipulating the path so that I can subtract the corner using a Boolean operation, as in this diagram:
Unfortunately, rounding errors prevent this working perfectly:
Does anybody have any ideas how else I can achieve what I'm looking for. And should I file bug reports? Thanks!
To reduce rounding errors with booleans, rounded polygons may work much better than circles. e.g a 24 point polygon converted to path, then make the nodes smooth.
Beyond the Basics Creating concave rounded corners
Inkscape.org
Here's a diagram:
What I want to do is add the blue area labelled "desired shape" and bounded by the yellow and red areas to the yellow area. The result would be a concave rounded corner. I also want to do this symmetrically, so that the corner on the opposite side is rounded as well.
The yellow shape is a single shape with two separate vertices occupying the same place. To illustrate, in this diagram I have moved them apart slightly:
I have tried two approaches to achieve the desired result. One approach uses the Corners Live Path Effect, the other uses Boolean operations. Both fail, and I'll describe how.
Approach 1: Live Path Effect
If I attempt to apply the Corners Live Path Effect, the two corners are rounded asymmetrically. I use the following settings:
This gives me the following result:
Notice how the left-hand side has a larger radius than the right-hand side. In fact, neither has the desired 3-pixel radius. The left-hand side is too large, and the right-hand side is too small.
Approach 2: Boolean Operations
I also try manually manipulating the path so that I can subtract the corner using a Boolean operation, as in this diagram:
Unfortunately, rounding errors prevent this working perfectly:
Does anybody have any ideas how else I can achieve what I'm looking for. And should I file bug reports? Thanks!
Hi. There are several possible ways to do this.
Here is one "solution".
To reduce rounding errors with booleans, rounded polygons may work much better than circles. e.g a 24 point polygon converted to path, then make the nodes smooth.
Another possible solution, using the Shape Builder Tool in version 1.3.
Inkscape doesn't always find intersections at tangent points. A helping hand is often needed in the form of some construction lines.