跳到正文
网页珍奇柜Web Curio

ASCII 流程图画板

ASCIIFlow,Lewis Hemens,2014 年

正在布展…

原作直展:这是 Lewis Hemens 的原始作品,按 MIT(附带的 Roboto 字体为 OFL) 许可证收录(版本 eb1855c)。原作的发布版本展出;字体换成随附副本,两处绝对路径改成相对路径。左侧选工具,在网格上画方框、箭头和文字。 许可证全文 · 收录说明

它是怎么做的

  1. 第 1 步画布是一张稀疏的二维字符映射,支持平移和缩放
  2. 第 2 步矩形、线条、箭头工具在拖拽时计算路径,并按相邻格自动挑选连接字符
  3. 第 3 步支持 ASCII 和 Unicode 盒线字符两种风格
  4. 第 4 步撤销/重做基于字符层的差异记录

复刻配方

一段技术配方,可以直接交给 AI 编程助手,也可以自己照着写。想指定技术栈、位置和性能预算,就把它加入实现方案。

Keep a sparse map from integer grid coordinates to characters and render only the visible region onto a canvas with a monospace font. For the line tool, compute an L-shaped path between drag start and end; for boxes, the four edges. After placing characters, recompute each affected cell's glyph from which neighbours are lines, choosing the right corner or junction character from a lookup table. Support pan and zoom by transforming the viewport, and export by scanning the bounding box into text.

档案

能不能拿来用

原作以 MIT 许可开源:可以阅读源码学习,按许可证条款使用;在自己的项目里引用时保留原作者署名。

性能开销

视觉强度

实现难度

尺度为策展判断(1 到 5),用于比较和推荐。

核实记录:Opened https://asciiflow.com (200, title 'ASCIIFlow'); repo lewish/asciiflow exists, licence MIT via GitHub API.