# HTML5 画布教程

> 原文： [https://zetcode.com/gfx/html5canvas/](https://zetcode.com/gfx/html5canvas/)

这是 HTML5 画布教程。 在本教程中，我们将学习 HTML5 canvas 中 JavaScript 编程的基础。 HTML5 canvas 教程适合初学者和中级程序员。

## 目录



*   [简介](introduction/)
*   [直线](lines/)
*   [形状](shapes/)
*   [填充](fills/)
*   [透明度](transparency/)
*   [合成](compositing/)
*   [转换](transformations/)
*   [文字](text/)
*   [动画](animation/)
*   [贪食蛇](snake/)



## HTML5 画布

画布是 HTML5 元素，可呈现 2D 形状和位图图像。 画布上的绘图使用 JavaScript 语言执行。

## 相关教程

[Java 2D 教程](/gfx/java2d/)讲授 Java 2D 图形。 [Cairo 教程](/gfx/cairo/)用 Cairo 库和 C 语言讲授 2D 图形。