2

I have created a celtic style knot and would like to fill in the the background. The fill bucket makes a several pixel ring inside the area but does not fill as I expected it to.

The object was several lines that were combined into a single object and the converted from stroke to path to allow for filling of the cords themselves. I am unsure why I cannot fill in the bounded area. Bounded visually, I do not know if inkscape considers the spaces between the path as bounded, the red mark.Celtic knot

Is there a way to select the nodes that bound those areas and create a new object that can be filled with the fill and stroke menu rather then the paint bucket?

  • I am unsure of what I changed but it filled in correctly, completed It still has some white spots in the corners but it is mostly filled in so... – Real Atomsk Aug 7 at 2:12
  • Can you share a .svg file of the knot? – samcarter Aug 7 at 8:10
  • Here is a dropbox link – Real Atomsk Aug 7 at 13:20
2

For working with a vector image I suggest a different workflow. Instead of trying to fill the gaps, I suggest to make a copy of the whole shape, delete all the interior nodes (e.g. by using the "edit path" menu enter image description here or Ctrl+Shift+K to break apart and then Ctrl++ to union [thanks at @Moini for this tip]) so that only the other edge remains. This shape can now be coloured in the desired background colour

enter image description here

and once it is moved behind your knot (enter image description here), it will look as if all the gaps are filled:

enter image description here

(to prevent possible rendering problems, one could make the background shape slightly smaller, see https://graphicdesign.stackexchange.com/a/73608/137978 for details)

EDIT:

The same technique can also be used to fill in some of the holes. Make another copy of the shape and delete all nodes which should not be filled. In the following image they are marked in red:

enter image description here

Once this new shape is filled and moved behind the foreground, the resulting image looks like this:

enter image description here

(the .svg can be found at https://pastebin.com/7mp1aRP1)

  • 1
    There's a shortcut for removing the internal lines, you don't need to remove them by hand: Ctrl+Shift+K (break apart), then Ctrl+ + (union). – Moini Aug 7 at 14:59
  • That is very helpful however to convey the encoded letters it would need to be 2 colors as was shown on the dropbox link – Real Atomsk Aug 7 at 16:14
  • @RealAtomsk Please see my edit – samcarter Aug 7 at 21:56
  • I will be giving this a try, thank you so much – Real Atomsk Aug 8 at 12:51

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.