RoughJS = 给 SVG 加随机抖动的库。核心思想：你写几何参数（点、矩形、曲线），
它把每根 stroke 在正确路径附近加一点随机偏移，让画面看起来"人手画"的。
适合场景：数字花园文章里的架构图、流程图、UI 线框图。
不适合：需要精确尺寸的工程图、图标系统（用 SVG / Figma 就行）。
line / rect / circle 一对一对照机械 SVG，看"手绘"的差别。3 步核心 API。
02fillStyle 6 种风格（hachure / solid / zigzag / dots...）+ roughness 旋钮。
03path / curve / ellipse / polygon / arc / linearPath —— 自由形状的画法。
04没有内建箭头，要手算两翼端点。封装 drawArrow()，流程图复用。
05矩形 + 菱形 + 箭头 → 完整流程图。"代码即构图"，改数据就改图。
06登录页草图、输入框、按钮、注释箭头 —— 跟 Figma 互补的场景。