ES6新增面向对象的语法

ES6新增面向对象的语法

class People{
    constructor(name,age){
        this.name = name;
        this.age = age;
    }
    intro(){//这是方法
        内容
    }
}
//下面是子类
class ChinesePeople extends People{
    constructor(name,age){
        super(name,age);
    }
    say(){//这是方法
        内容
    }
}

html5 Canvas标签

      let sc = document.getElementById('sc');
        let ctx = sc.getContext('2d');

         ctx.fillStyle = 'red';   //改填充的颜色        
         ctx. strokeStyle="red";//改线的颜色
         ctx.moveTo(250, 105);//把路径移动到画布中的指定点，两个参数  X坐标  Y坐标。
         ctx.lineTo(105, 500);//添加一个新点，然后在画布中创建从该点到最后指定点的线条。两个参数 X坐标  Y坐标。
         ctx.lineTo(475, 250);
         ctx.lineTo(25, 250);
         ctx.lineTo(395, 500);
         ctx.closePath();//自动闭合
         ctx.stroke();//画一个圈，但不是实心
         ctx.fill();//填充





          ctx.save();//保存转换的状态

          ctx.clearRect(四个参数);//擦除之前绘制的内容

          ctx.translate(两个参数);//改变旋转的原点