canvas 是 什么

Canvas 是一个 HTML5 新增的画布元素，提供一个可绘制的区域，绘图和渲染都通过 JavaScript 实现。简单来说， 本身只是一个“空白画布”，真正的绘画工作由脚本语言（通常是 JavaScript）来完成，画笔和绘图 API 通过上下文对象来操作画布上的像素。 核心要点

• 作用与定位
  • 提供一个动态绘制位图的区域，用于绘制图形、图表、动画、图像处理等场景。它并不直接包含绘图能力，需借助 JavaScript 来实现绘制逻辑。参考点：MDN 对 Canvas 的定义与示例。

• 基本用法
  • 在 HTML 中加入 标签，并通过 JavaScript 获取 2D 上下文（通常是 canvas.getContext('2d')），随后使用绘图 API 绘制图形。起始默认尺寸为约 300x150 像素，但可通过 width/height 属性自定义尺寸。

• 常见用途
  • 绘制形状、文本、图表、图片合成、动画、以及简单的游戏渲染等。具体示例和教程可参考 MDN 的入门教程及其它中文资料。

• 浏览器支持与历史
  • Canvas 最初由 Apple 的 WebKit 引入，现已在所有主流浏览器中得到广泛支持，成为网页进行 2D 绘制的常用手段之一。

补充背景与相关信息

• 作为对比，Canva（可穿透的平面设计工具）与 HTML 的 Canvas 不同，前者是一个在线设计平台，后者是页面内的一个绘图区域。两者在功能定位和使用场景上各有侧重。

• 如果对 Canvas 的概念需要更官方的定义和示例，建议直接查看 MDN 的 Canvas 教程，它系统地介绍了基本绘图 API、坐标系、路径、填充与描边等内容。

如需，我可以再提供一个最小可运行的示例代码，展示如何在网页上用 Canvas 绘制一个简单的红色圆形和文本。