Canvas个人学习笔记-day1

##前言
此文章仅为个人学习笔记，随性而写，如有误，请在评论指出，我会感谢你的发现^_^！

##1.什么是Canvas?
在HTML5之前，要做绚丽的效果，要么借助图片，要么运用FLash，要么就是Javascript定时器操作，这三者都可以做出，只是付出的'代价'可能会非常高。为了应对日渐复杂的Web应用开发，W3C在HTML5标准中引入了Canvas技术。

##2.Canvas可应用于哪些地方？
1.绘制图形
可绘制各种基本图形，如矩形、曲线、圆等，结合起来也可以绘制各种复杂绚丽的图形。
2.绘制图表
业务的数据展示需要用到图表，使用Canvas技术(封装起来)可以绘制各种图表。
3.动画效果
这也是学习Canvas的乐趣之处。一般是和requestAnimationFrame()函数结合起来创造华丽的动画效果。

4.游戏开发
游戏开发在HTML5领域具有举足轻重的地位，现在我们也可以使用Canvas来开发各种游戏。

此外，Canvas技术是一门纯Javascript操作的技术，需要具备Javascript入门知识。

##Canvas元素知识
HTML5 Canvas，简单说就是使用JS操作Canvas元素的技术。使用Canvas元素来绘制元素，可大体概括为以下三步：

• 获取Canvas对象；
• 获取上下文环境对象context；
• 开始绘制图形。

<canvas id="canvas1" width="300" height="300"></canvas>
<script>
    window.onload = function(){
      //1.获取canvas对象
      var cnv = document.getElementById("canvas1");
      //2.获取上下文环境对象context
      var cxt = cnv.getContext("2d");
      //3.开始绘制
</script>