Canvas Path2D：矢量路径绘制与性能

概述 Path2D 允许将矢量路径封装为对象，复用与组合路径以减少重复命令。支持从 SVG path 字串构造，便于跨工具链集成与高效绘制。 示例 ```js const ctx = canvas.getContext('2d') const p = new Path2D('M10 10 H 90 V 90 H 10 Z') ctx.stroke(p) const circle = new Path2D() circle.arc(50, 50, 30, 0, Math.PI * 2) ctx.fill(circle) ``` 工程建议 - 复用与缓存：将复杂图形封装为 Path2D 并复用；减少每帧路径构造。 - 与动画协作：结合 `requestAnimationFrame` 控制节奏；在大场景使用分层与剪裁提升性能。 - 兼容：在不支持 Path2D 的环境回退到直接绘制命令。 参考与验证 - MDN Path2D 文档：https://developer.mozilla.org/docs/Web/API/Path2D - HTML Canvas 指南：相关规范与实践