HTML 画布教程

Canvas 是一个 HTML 元素 ， 可以使用 JavaScript 执行 2D 形状和位图图像的动态生成.HTML Canvas 是在网页中绘制图形数据 （ 如图形 ， 图表和地图 ） 的绝佳选择.它是一个低级的过程模型 ， 以位图的形式更新.Canvas 元素只是图形的基本矩形容器 ， 通常使用 JavaScript 完成.Canvas 元素中的形状或任何其他图形实现可以使用 JavaScript 完成.HTML Canvas 元素是一个 HTML 标记 ， 如 div ， a 或表 ， 但其内容使用 JavaScript 呈现

观众

本教程是为初学者创建的 ， 旨在帮助他们了解 Canvas 元素的基础知识。完成本教程后 ， 您将发现自己在 Canvas API 方面的专业知识水平适中 ， 从那里您可以将自己提升到一个新的水平。您将能够生成各种图形设计 ， 这些图形设计可用于创建虚拟内容 ， 使网页具有交互性等等。

先决条件

在继续本教程之前 ， 您应该对网页及其编程语言 （ 如 HTML ， CSS 和 JavaScript ） 有基本的了解.尽管这是初学者的教程 ， 但我们假设读者对任何前端编程环境都有很好的了解 ， 并且了解基本概念 ， 例如标签 ， 属性和元素.我们强烈建议您在继续学习 Canvas 元素之前获得一些 HTML 和 JavaScript 的基本知识