javascript通过canvas api操作元素，需先获取2d/webgl上下文，设置宽高属性，再调用绘图方法实现静态绘制、requestanimationframe动画循环及鼠标交互响应。
JavaScript 通过 Canvas API 操作 <canvas></canvas> 元素的绘图上下文（2D 或 WebGL），实现图形绘制、状态管理、像素控制和帧循环动画。核心在于获取上下文、调用绘图方法、更新状态、反复重绘。
Comet AI 浏览器
下载
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
获取绘图上下文并设置基础环境
Canvas 是一个位图画布，本身不渲染内容，必须通过 JavaScript 获取上下文才能绘图：
- 用
getContext('2d')获取 2D 渲染上下文（最常用）；getContext('webgl')用于 3D - 确保 DOM 加载完成后再获取 canvas 元素，推荐使用
DOMContentLoaded或将脚本放在
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
