HTML5中的Canvas API
Posted Web系统设计与程序开发
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5中的Canvas API相关的知识，希望对你有一定的参考价值。
这周课程的内容将以html5中的Canvas API的基本知识为主。
我们在之前的课程内容中多次提到过HTML5。比如，我们提到我们在HTML文档的顶部写的第一个语句<!doctype html>是HTML5版本的HTML文档的必备的文档声明语句，我们提到HTML5中增加了很多语义标签，比如<section>、<article>、<aside>等等，我们还提到HTML5中增加了很多<input>标签的type的属性值（date, time, range等等）。很多公司在招聘时也明确提出要应聘者掌握HTML5的开发技能。但是，到底什么是HTML5呢？如果你在面试时被问到这个问题该怎么回答呢？其实答案也有很多种不同的形式。
通常来说，HTML5是HTML的第5个官方的版本，但是官方组织（w3c）声称以后不会再有HTML6、7、8等等，所有新增加的功能都将被纳入HTML5这个框架下。在很多公司中，HTML5页面还被用来特指移动端的Web页面。从项目开发的角度来说，HTML5本质上是一系列javascript 的新的API的使用。所以，我们这周就来学习这些API中的一个，那就是Canvas。
Canvas本身是画布的意思，顾名思义，Canvas API提供了我们可以在浏览器上进行绘画的各种功能。我们将从最简单的基本图形的绘制入手，进而使用Canvas来完成稍微复杂的功能。
有了Canvas这个工具，我们可以在Web页面上添加各种特殊的效果，比如动画效果。另外，Canvas也是基于Web的游戏开发的一个主要工具。所以，Canvas提供了多种Web应用开发的可能。
学习Canvas只需要基本的JavaScript的知识，这点我们已经具备了。在学习Canvas的过程中，我们还可以进一步巩固我们学过的HTML、CSS和JavaScript的知识。
在这周的课程中，我们除了学习Canvas的知识外，还将初步了解如何引入外部的JS库来帮助我们完成一些复杂的任务。如何使用外部的库和框架是前端实际开发中必须要掌握的技能。库和框架的种类繁多，关于库和框架的详细知识我将在下个学期的后续课程中来详细讲述。
下个学期后续课程的名字是“网络综合开发”（2个学分，60学时），有兴趣继续学习Web开发的同学可以在这周的选课过程中进行选修。
以上是关于HTML5中的Canvas API的主要内容，如果未能解决你的问题，请参考以下文章