SuperAPI AI 工具集

crop-mark-corner-draw

通用与其它

查看项目

更新于 10-15 21:54

技能介绍

用途:在画布四角渲染并动画绘制四个 L 形角标,为内容加上“胶片印刷”或“杂志跨页”式的视觉边框,适合编辑感、电影感风格的动态图形。

主要能力:每个角标由两条垂直线组成,使用 stroke-dasharray / stroke-dashoffset 做描边动画;四个角标按顺序依次出现,每个角标比前一个延迟 per_corner_stagger_frames 帧开始;全部绘制完成后保持静止,不再变化。

参数:size_px(默认 60)、stroke_width_px(默认 3)、stroke_color(默认 #1F1F1F)、offset_from_edge_px(距画布边缘距离,默认 80)、draw_duration_per_corner_frames(每角绘制时长,默认 14)、per_corner_stagger_frames(每角错开帧数,默认 3)、draw_order(默认 top-left、top-right、bottom-right、bottom-left)、fade_after_draw(默认 false,绘制后保持全不透明)。

使用方式:按上述参数配置后,组件会在场景 1 渲染并持续存在。默认使用 SP-C(editorial-cinematic)风格包,其他风格包不使用。

质量检查:四个角标应在 4 * per_corner_stagger_frames + draw_duration_per_corner_frames 帧内全部绘制完成;角标与画布边缘保持一致的偏移;绘制顺序应形成顺时针或逆时针序列。

限制与失败模式:角标可能直接弹出而非描边绘制,原因是未应用 stroke-dashoffset,需确认 SVG 路径正在被动画;角标偏移不一致时,应使用相对画布定位而非相对父级定位;描边过粗或过细时,编辑感风格建议描边宽度为 2-4px。官方文本暂未提供。