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(两个参数);//改变旋转的原点