###ES6创建类

关键字：class

构造函数：constructor

###ES6继承

关键词：extends

父类，超类：super

###HTML5内容

    HTML4：所有HTML的基础

    XHTML：规范更严格，并没有加新东西

    HTML5：最开始由WHATWG研发出来的，后来由W3C收购并且加入了一些新东西

    XML:可拓展标记源，存储数据（W3C）规范非常严格

语义化是HTML5里面新增的特性   

    两大特点：

        利于SEO（搜索引擎）

        方便于屏幕阅读器解析

###canvas

属性，方法

    .canvas：画板

    画板.getContext('2d'):画笔

    画笔.fillStyle="":换画笔的颜色

    画笔.fill()：填充

    画笔.stroke():边框

    画笔.lineWidth= ：加粗边框

    画笔.clearRect(, , , ,):清除画布

    画笔.translate():改画布的圆心

    画笔.save（）：保持状态

    画笔.restore（）：还原

    画笔.beginPath():重新开始新的路径

    画笔.rotate（）：旋转

画矩形

    画笔.fillRect(x,y,width,height):填充的矩形（实心）

    画笔.strokeRect(x,y,width,height):边框的矩形（空心）

    画笔.strokeStyle ="":换空心矩形的边框颜色

    画笔.beginPath():开始路径

    画笔.rect(x,y,width,height):绘一个矩形路径

画圆

    画笔.arc(x,y,r,sAngle,eAngle,counterclockwise)

    x:圆中心的x坐标

    y:圆中心的y坐标

    r:圆的半径

    sAngle:起始角，以弧度计（弧的圆形的三点钟位置是0 度）

    eAngle:结束角，以弧度计

    counterclockwise:可选；规定应该逆时针还是顺时针绘图；false：顺势针，true：逆时针

画三角

    画笔.moveTo(x,y):移动

    画笔.lineTo(x,y):线条走向

    画笔.closePath（）：自动闭合