Canvas 2D (即时模式)
-- FPS
1. Canvas API
优势:高性能图像缓冲渲染,颗粒度到像素级别,能够精细复刻真实球体微凸点与暗部阴影叠加。
SVG (矢量保留模式)
-- FPS
2. SVG Scalable
优势:基于矢量标签,完美的缩放不失真。通过组合矢量 `path` 与 `pattern` 实现接近原生渲染器的矢量图细节。
CSS Dom & Shapes
-- FPS
3. CSS Shapes
优势:直接复用系统硬件渲染管道。采用 `will-change` 属性触发 GPU 的加速合成,极度适合简单的平移挤压动画。