Canvas

学习canvas

使用方法：

1.在页面中写上<canvas id = “c”></canvas>标签；

2.使用js获得canvas对象：var canvas = document.getElementById('c');

3.获得canvas环境：var canvas_context = canvas.getContext('2d');

//============================================================

然后就可以使用canvas_cantext进行绘画了，下面写几个自己看到过的属性和函数。

moveTo(x,y);    // 代表起点坐标，括号中直接填写值（数字）；

lineTo(x,y);      //代表终点坐标，括号中直接填写值（数字）;默认已上一个线的终点为起点，如果需要重新选择起点，    就需要用moveTo(x,y);重新规定一个点作为起点；

strokeStyle =颜色值；     //线的颜色；

lineWidth = 数字；  // 线的粗细度；

fillStyle = 颜色值； //图形内部填充色；

arc（x,y,r,起点弧度，终点弧度）；//画圆

rect(); //画矩形