Skip to content

support inside/outside strokes #204

Open
@dwelle

Description

Currently, strokes are centered in relation to the shape's outline, which results in two problems:

  1. if the stroke has non-100% opacity, the stroke is visibly different when it covers a filled shape
  2. when you want to create two elements, one with just a stroke and one with just a fill, they will be of different size (visually)

Figma gives you an option whether to make the stroke be inside, outside, or center:

image

Does it make sense for roughjs to support this as well?

Thinking about it, I would agree that for non-0 roughness (and 100% opacity), center stroke makes the most sense. For 0 roughness, inside is best, I think (which is why Figma and Miro defaults to it?).

Originally reported in excalidraw/excalidraw#5084

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions