从成稿到逐笔绘制
打开页面先显示 v3 成稿。点击“开始绘制”，从空白画布逐个回放 527 个可见绘制元素；完整播放遵循原 SVG 的 15 组图层顺序。
代码与画面同步
编辑区显示当前元素的实际属性，长路径仅调整空白与换行，几何数据保持原值。浅色代码逐字点亮，画布同步勾勒路径；填充色、透明度和渐变随后出现。完成后自动移除临时描边，保留原始 SVG。
M 移动起点，L 连接直线，C 绘制三次贝塞尔曲线，Q 绘制二次贝塞尔曲线，Z 闭合轮廓。开启“控制点”可查看当前曲线的端点与控制柄。多段 M 子路径按先后顺序勾勒；复用部件在演示层展开描边，源码仍显示原有 <use>。
镜头与局部慢绘
“跟随图层”自动取景，在虹膜、鞋履等子组切换至近景。滚轮缩放，按住画布拖动平移；“完整立绘”保持固定全身视角。
“脸部慢绘”和“腿部慢绘”以 1× 重放指定区域；其余图层保留成稿状态，正确维持遮挡关系。区域播放完成后自动暂停。“脸部”包含面部及前发组最后补绘的睫毛细节。
进度与导出
时间轴按实际演示时长定位，拖动可向前或向后检查。左右箭头逐元素移动；章节按钮跳至该图层起点。完整源码和导出文件始终保留未经演示改写的 v3。
这是基于既有 SVG 结构制作的可交互过程演示。渐变、滤镜、裁切与复用定义预先装载；本页未包含原图、位图替代层或外部依赖。