canvas学习day2——构造函数，canvas内容转换为base64编码图片，画弧，角度与弧度的关系

构造函数

// 构造函数
        function Person( name, age ) {
            this.name = name;
            this.age = age;
        }

        // 说出自己的名字
        Person.prototype.sayName = function() {
            console.log( this.name );
        }

        var xiaofang = new Person( '小芳', 16 );
        xiaofang.sayName();

        // sayName这个方法就是基于name属性(状态)变化而变化。
        xiaofang.name = '芳总';
        xiaofang.sayName();

canvas内容转换为base64编码图片

base64编码图片的应用：
如果一个网站中有少量的小图片，可以考虑直接使用base64编码。

// 把画布的内容转换为base64编码格式的图片
        console.log(cvs.toDataURL( 'image/png' ));

画弧
效果图

ctx.arc( 圆心x轴坐标，圆心y轴坐标，半径, 起点弧度，结束点弧度，是否逆时针画(可选) )
起点弧度0是从原点向右开始算起，即箭头所致指方向为0

角度：以量度角的单位
弧度：弧长等于半径的弧，其所对的圆心角为1弧度。
这里的角度 刚好是弧度

rad是弧度