2

I have two shapes:

original shape

I want to connect them like this:

wanted shape

How can I do this?

4

There are two ways to do this:

  1. Create a temporary path between them and then do a union operation on the path.
  2. Combine the paths into a single object, and then connect a pair of nodes between them to create a single path.

Method 1: Union

  1. Draw a temporary object between the two.
    It doesn't have to be perfect (in the image below, it's yellow). This object will get destroyed later. Turning on node snapping can make this process easier.

temporary path

  1. Holding the Shift key, select one of your objects, and then select the temporary object you created.
  2. On the Path menu, click Union.
  3. Repeat with the second object.

Result

Method 2: Connect nodes

  1. Holding the Shift key, select the two objects to be connected.
  2. On the Path menu, click Combine.
  3. Using the Node tool F2, select the path between two nodes on one object.
    You are going to un-connect these nodes and then connect them to nodes on the other object.

selecting a path

  1. On the toolbar, click the Delete segment between two non-endpoint nodes button.

enter image description here

  1. Do the same with the path on the other object.

  2. Holding the Shift key, select a node on one side of each object.
    You are going to connect these nodes.

these will be connected

  1. On the toolbar, click the Join selected end nodes with a new segment button.
    While it may look like you're done, the two nodes on the opposite side still need to be connected.

enter image description here

  1. Repeat with the two nodes on the other side.

Finished

Alternative: Saving the two original objects

If your goal isn't to combine the two paths into one connected path but rather to create a 3rd object between then, then you can still follow the method below. Just duplicate Ctrl + D the two objects first before connecting them, then send it to the back once you're done. If you truly want a 3rd object that only fills the space between them, use the Division operation, similar to how you used Union above.

I would actually recommend not doing that two. Paths that but up against each other in SVG images are sometimes rendered as having a gap between them. It's a good idea to have some overlap.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.