🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 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 图形。