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

Canvas 元素存在但页面空白：检查 getContext 是否被忽略或调用过早

VS（Visual Studio）里新建 HTML 文件写 <canvas></canvas>，光有标签没用——必须用 JavaScript 获取上下文并绘图。常见错误是直接写 <script>ctx = canvas.getContext('2d');</script> 却没等 DOM 加载完，导致 canvas 为 null。

Gigma Design Canvas

AI驱动的设计工具，拥有真实可编辑画布和完整的MCP控制，可创建、编辑并导出社交媒体图形、缩略图、横幅、卡片及批量处理。

下载

• 确保脚本放在