canvas
ie9以上
别用css去设置宽高。
script放在canvas后面就行了
第三种： 构造函数构造对象方法
```
//把 一个函数对象 当做构造函数来使用，一般要把 函数对象的首字母大写
function Persion() {
this.name = '123'; // 通过this可以直接给 构造出来的对象添加属性。
this.sayHi = function() {
console.log( this.name );
};
a = 1;//污染全局
}
var p = new Persion();
//** new 运算符的作用：
// 第一步：
// 执行构造函数（new后面的那个函数），在构
//造函数内部创建一个空对象，
// 第二步： 把上面的空对象跟构造函数的原型对象进行关联。
// 第三步：然后把this 指向当前空对象
//在构造函数执行结束后，把空对象返回 给 p
console.log( p.name ); //p.name 从构造函数里面创建的。
p.sayHi(); //在此方法内部的 this执行 p对象。
相似并不是
开始创建的this被扔掉了
默认return this