Canvas 页面空白的主因是 getContext 调用过早或被忽略;需确保 DOM 加载完成、浏览器支持、canvas 尺寸非零,且区分属性与 CSS 尺寸,避免预览缓存,并在动画中正确清屏和调用 requestAnimationFrame。

Canvas 元素存在但页面空白:检查 getContext 是否被忽略或调用过早
VS(Visual Studio)里新建 HTML 文件写 ,光有标签没用——必须用 JavaScript 获取上下文并绘图。常见错误是直接写 却没等 DOM 加载完,导致 canvas 为 null。
- 确保脚本放在










