HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 Canvas 简介

一、什么是 Canvas 画布？

概念：HTML5 的 canvas 标签元素让开发者可以使用 JavaScript 在网页上动态的绘制和处理图形

特性：

<canvas> 标签只是图形容器，您必须使用脚本来绘制图形
画布是一个矩形区域，您可以控制其每一像素
canvas 拥有多种方法来绘制路径、矩形、圆形、字符以及图像

二、为什么需要 Canvas 画布？

问题驱动一：我们想要在网页中显示统计图，在之前的HTML语言标准中并没有此类功能的定义，我们不得不借助其他技术来实现，比如：flash等插件

问题驱动二：我们想要在网页中制作游戏，游戏制作一般都需要针对各种对象：场景、角色、道具等的重复绘制，如果没有提供绘制功能则实现起来非常困难

三、浏览器兼容

Internet Explorer	Firefox	Opera	Chrome	Safari
9.0+	2.0+	9.0+	4.0+	3.1+

作者文档

HTML 5 基础教程

HTML5 Canvas 简介

一、什么是 Canvas 画布？

二、为什么需要 Canvas 画布 ？

三、浏览器兼容

二、为什么需要 Canvas 画布？