Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow to change drawing options for lines, borders, corners, arrow starts/endings #241

Open
juarezr opened this issue May 29, 2022 · 1 comment

Comments

@juarezr
Copy link

juarezr commented May 29, 2022

Currently, asciiflow boxes, lines, and arrows are limited to only one line style, one corner style, and one arrow style.

But the Unicode box drawing characters allows variations and combinations that could be used to compose many styles.

It would be interesting for expanding the functionality to have options/shortcuts to change the style according to the mode selected.

The modes could be split by the parts of the element being drawn. For example:

  • Line Style:
    • Single / Double
    • Solid / Dashed
    • Light / Heavy
    • Border only / Shaded / Filled
    • Custom char
  • Corner Style:
    • Square / Rounded
  • Arrow Character

This could apply to:

  • Box tool:
    • Border Only or Fill Style
    • Vertical Line Style
    • Horizontal Line Style
    • Corner Style
  • Line tool:
    • Line Style
  • Arrow tool:
    • Line Style
    • Starting char ( defaults to the Line Style)
    • Middle char ( defaults to the Line Style)
    • Ending char ( defaults to ►)

Examples:

SINGLE STYLE:

┌─────────────────────────────┐  ╔═════════════════════════════╗ ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓   ╭─────────────────────────────╮
│                             │  ║                             ║ ┃                             ┃   │                             │
│         Solid Light         │  ║         Solid Double        ║ ┃         Solid  Heavy        ┃   │        Solid Rounded        │
│                             │  ║                             ║ ┃                             ┃   │                             │
└─────────────────────────────┘  ╚═════════════════════════════╝ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛   ╰─────────────────────────────╯

┌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┐  ┏╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┓  ┌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┐  ┏┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┓
╎                             ╎  ╏                             ╏  ╎                             ╎  ┇                             ┇
╎     Double Dashed Light     ╎  ╏     Double Dashed Heavy     ╏  ╎     Triple Dashed Light     ╎  ┇     Triple Dashed Heavy     ┇
╎                             ╎  ╏                             ╏  ╎                             ╎  ┇                             ┇
└╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘  ┗╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍╍┛  └╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘  ┗┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┛

┌┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┐  ┏┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┓
┆                             ┆  ┋                             ┋
┆     Quad Dashed Light       ┆  ┋     Quad Dashed Heavy       ┋
┆                             ┆  ┋                             ┋
└┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┘  ┗┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┛

███████████████████████████████  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
███████████████████████████████  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
█████████ Solid Filled ████████  ░░░░░░░░░ Light Shaded ░░░░░░░░  ▒▒▒▒▒▒▒▒▒ Medium Shade ▒▒▒▒▒▒▒▒  ▓▓▓▓▓▓▓▓▓▓ Dark Shaded ▓▓▓▓▓▓▓▓
███████████████████████████████  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
███████████████████████████████  ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░  ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓


COMBINED STYLES (Vertical + Horizontal):

╒═════════════════════════════╕  ╓─────────────────────────────╖
│                             │  ║                             ║
│   Double Horizontal Solid   │  ║   Double Vertical Solid     ║
│                             │  ║                             ║
╘═════════════════════════════╛  ╙─────────────────────────────╜

┌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┐ ┌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┐
│                             │ │                             │
│      Solid + Dashed         │ │       Dashed + Solid        │
│                             │ │                             │
└╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘ └╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌┘

@juarezr juarezr changed the title Allow to change drawing options to lines, borders, corners, line starts/endings Allow to change drawing options for lines, borders, corners, arrow starts/endings May 29, 2022
@lephuongbg
Copy link

I had a drawing with previous version, with different line and corner style (dash line, + char in corner). Currently using https://asciiflow.com/legacy/ to edit it but would be nice if we can edit it on new version as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants