用途:产出“像制图而非手绘”的 SVG 技术插图,适用于零件堆叠/装配、物体内部结构、双变量数据或地形曲面,以及无空间主张的纯拓扑平面图。
主要能力:提供等轴测投影、剖视、高度场三类投影选择;统一描边层级(轮廓 1.4、表面 1、细节 0.6);用绘制顺序而非透明度表现遮挡;标注采用带箭头的引线并统一对齐到图版边缘;文字用纸色描边挖空保证可读;单色加纸色,用 color-mix 派生色调。
使用方式:按八步工作流执行——选择投影、搭建图版、计算几何、由远及近绘制、添加标注、实现悬停交互、在浏览器中放大验证、检查整套图是否读作同一文档。可复制 assets/figure-scaffold.tsx(图版、标注、箭头、剖面线原语)与 assets/diagram.css(描边词汇);assets/iso.ts 提供无依赖的等轴测几何模块,将世界坐标 (x, y, z) 投影到屏幕空间。剖视图在单一中心轴的平面 2D 坐标中构建。悬停交互为纯 CSS,无需客户端 JavaScript,示例包括 .diagram:hover .part { transform: translateY(var(--lift)); } 等。
限制与注意:空间坐标必须计算而非手写;外部样式表中的 fill: url(#id) 会按样式表 URL 解析片段,应改为属性设置;pattern 内容需豁免 non-scaling-stroke 并居中线条;SVG 组默认 transform-box: fill-box,需设为 view-box;虚线动画的 stroke-dashoffset 关键帧须等于一个虚线周期;等轴测平面上的圆需计算椭圆轴比。验证需放大到接近全视口宽度截图,并强制 :hover 状态测量,通常需三到四轮。具体收费、平台与安装命令暂未提供。