用途：该技能提供将 Helios 直接与 HTML5 Canvas API 结合使用的模式，适合在不引入框架的前提下构建高性能 2D/3D 动画，特点是开销最低、性能最高。
主要能力：通过 Helios 管理时长与帧率，绑定文档时间轴，并在订阅回调中按当前帧驱动 Canvas 绘制。示例中初始化 Helios 时设置 duration 为 5、fps 为 60，并调用 helios.bindToDocumentTimeline()。
使用方式：先在 HTML 中放置 canvas 元素并引入模块脚本；再在脚本中获取 2D 上下文、设置画布宽高，创建 Helios 实例并绑定时间轴，编写 draw(frame) 函数完成清屏与绘制，最后通过 helios.subscribe((state) => draw(state.currentFrame)) 订阅状态，并调用 draw(0) 做初始渲染。示例导入语句为 import { Helios } from '@helios-project/core';。
性能建议：尽量预先计算重计算量（如正弦表或物理模拟）；复杂场景可考虑在 Web Worker 中使用 OffscreenCanvas 渲染以释放主线程；批量绘制调用，减少 fillStyle、strokeStyle 等上下文状态切换。
限制：资料仅给出上述模式与示例路径 examples/simple-canvas-animation/，未提供安装命令、依赖版本、浏览器兼容性、收费与授权等信息。