凯子的专栏

/** * canvas * fillRect(L,T,W,H) 默认颜色为黑色 * strokeRect(L,T,W,H) 带边框的黑色 * 默认1像素的黑色边框，显示出两像素的原因：边框从坐标中间平均分配，但是不能显示半个像素，默认会补全，所以...就显示两个像素 * * 设置绘图： * fillStyle * strokeStyle * lineWidth * 边界绘

/** * 绘制圆 * arc(x,y,半径,起始弧度，结束弧度,旋转方向) * x,y起始位置 * 弧度与角度的关系 : 弧度 = 角度*Math.PI/180 * 旋转方向:顺时针(默认false)、逆时针(true) */var oc = document.getElementById('canvas');var ogc = oc.getContext('2d')

/** * canvas插入图片 * 等图片加载完，在执行canvas操作 * 图片预加载：在onload 中调用方法 * drawImage(oImg,x,y,w,h) * oImg:图片x,y坐标 * w,h宽高 * * 设置背景 * createPattern(oImg,平铺方式) * repeat,repeat-x,repeat-y,no-repeat

/** * getImageData(x,y,w,h); * 属性data:一个数组包含每个像素的rgba四个值每个值豆子啊0-255之间 * putImageDate(获取图像,x,y) * 设置新的图像数据 * createImageData * 生成新的像素矩阵，初始值为全透明的黑色 * */var oc = document.getElementById