Canvas 简单介绍

1：基本概念

Canvas是HTML5的一个新特性，canvas又叫做画板。顾名思义，我们可以在canvas上绘制我们需要的图形。最开始，canvas它是由苹果公司提出的，当时不叫canvas，叫widget，因为HTML并不存在一套二维的绘图API。Canvas本身是一个HTML元素，需要HTML元素的配合高度和宽度属性而定义出的一块可绘制区域，定义区域之后使用JavaScript的脚本绘制图像的HTML元素。

它可以基本的绘制图形，进一步的制作照片，绘制动画，更进一步可以处理和渲染视频。（应用场景）

2：浏览器兼容

3：是一个元素

canvas有两个属性，一个是宽度（width），一个是高度（height）。宽度和高度可以使用内联的属性，如下所示：

    <canvas width="300px" height="150px" id="canvas">
        您的浏览器不支持Canvas
        <img src="./backup.jpg" alt=""> 
    </canvas>

4：坐标系统

<