Inkscape.org
Beginners' Questions Stroke aberration
  1. #1
    meetdilip meetdilip @meetdilip
    *

    I was working on a chat bubble and finished it. It is full of " stroke " generated from " fill ". While everything looked fine, in the end there appeared an aberration at the bottom part. But the exported image does not have it. Attaching Inkscape screenshot and exported image. Thanks.

    [img]https://i.imgur.com/wyIxM4n.png[/img]

    [img]https://i.imgur.com/1QAoCqh.png[/img]

    I tried using Inkscape on Windows 10. There was a visual aberration there too. But the final image ( exported PNG ) in Windows 10 was clean. My first attempt was using Ubuntu 18.04.

     

  2. #2
    Tyler Durden Tyler Durden @TylerDurden
    *

    Unwanted issues at the corners of strokes is often resolved by adjusting the "Join limit" of the miters, in the Fill/Stroke panel> Stroke Style tab.

     

  3. #3
    meetdilip meetdilip @meetdilip

    Thanks. I tried to use it on existing SVG. But it didn't work. Possibly because I used " Union " on the elements. I will try to do it from the beginning and see whether it can be used.

    I am attaching the SVG I made in the first attempt ( related to this question ). Hopefully, it will talk much better than me :)

    Chat Icon Dual Tone 256 Final
  4. #4
    brynn brynn @brynn

    The node at the point is a smooth node.  Instead it needs to be a corner/cusp node.  After switching it to a corner/cusp node, you'll need to either remove, or adjust the node handles (using the Node tool).

    The node handles are so short, they are hard to see.  You can easily remove them by clicking for a 2nd time on the corner/cusp node button (or use the key shortcut twice).  To adjust them rather than remove them, it might make it easier if you zoom in quite a lot.

  5. #5
    meetdilip meetdilip @meetdilip

    Thanks. But I don't know how to change it to corner/cusp node. I am a beginner. Will it be possible to give a screenshot ?

  6. #6
    brynn brynn @brynn

    Oh sorry.  I recognize your name, so I thought you might already know.

    • select the path
    • enable the Node tool if you don't already have it enabled
    • click on the node
    • on the control bar (which is the first bar of icons above the horizontal ruler - it changes for each different tool, giving the different options for each tool) click "Make selected nodes corner"

    Sometimes those icons are too small or hard to tell apart from others.  So I often go by the tooltip (little  bit of text that shows up when you hold the mouse over the icon).  But anyway, it looks like this

     

    Cusp Corner
  7. #7
    meetdilip meetdilip @meetdilip

    Many thanks @brynn . It worked.

     

    You are right. I have been using Inkscape for a while. But I have not used it much. Nor I have anyone who can clear my doubts. I have learned a lot from forums like this and YouTube. Lot more to go, I think :)