-
setInterval函数缺陷：目标函数不一定能在指定时间内执行完毕查看全部
-
beginPath()和closePath()不一定要同时出现，closePath会将当前没有闭合的路径封闭。查看全部
-
相关弧度查看全部
-
绘制圆弧context.arc（圆心x，圆心y，半径，起始弧度，结束弧度，顺/逆时针绘制（false/true））查看全部
-
绘制直线，moveTo(x,y)=》落笔位置，lineTo(x,y)=》停笔位置，stroke()=》画，lineWidth=线宽，strokeStyle='颜色字符串'查看全部
-
canvas的尺寸不要使用css定义，且不要写单位查看全部
-
centerx：圆心x坐标；centery：圆心y坐标；radius：半径；startingAngle：起始弧度； endingAngle：结束弧度；anticlockwise：顺时针-false，逆时针-true查看全部
-
//圆形像素 //cxt.arc(x+j*2*(RADIUS+1)+(RADIUS+1),y+i*2*(RADIUS+1)+(RADIUS+1),RADIUS,0,2*Math.PI); //矩形像素 cxt.moveTo(x+j*2*(RADIUS+1)+1,y+i*2*(RADIUS+1)+1); cxt.lineTo(x+j*2*(RADIUS+1)+1+2*RADIUS,y+i*2*(RADIUS+1)+1); cxt.lineTo(x+j*2*(RADIUS+1)+1+2*RADIUS,y+i*2*(RADIUS+1)+1+2*RADIUS); cxt.lineTo(x+j*2*(RADIUS+1)+1,y+i*2*(RADIUS+1)+1+2*RADIUS);查看全部
-
动态设置七巧板的数组，任意设置宽高都行，知道设置好width值和height值，加上canvas代码，网页就能画出七巧板了 var transform = [ {p: [{x: 0, y: 0}, {x: 0, y: height}, {x: width/2, y: height/2}], color: "#FF3030"}, {p: [{x: 0, y: 0}, {x: width, y: 0}, {x: width/2, y: height/2}], color: "#FFD700"}, {p: [{x: 0, y: height}, {x: width/2, y: height}, {x: width/4, y: height/4*3}], color: "#EE00EE"}, {p: [{x: width/2, y: height}, {x: width, y: height}, {x: width, y: height/2}], color: "#8B4500"}, {p: [{x: width/2, y: height}, {x: width/4*3, y: height/4*3}, {x: width/2, y: height/2}, {x: width/4, y: height/4*3}], color: "#87CEEB"}, {p: [{x: width/2, y: height/2}, {x: width/4*3, y: height/4}, {x: width/4*3, y: height/4*3}], color: "#458B00"}, {p: [{x: width, y: 0}, {x: width/4*3, y: height/4}, {x: width/4*3, y: height/4*3}, {x: width, y: height/2}], color: "#1C86EE"} ];查看全部
-
碰撞检测查看全部
-
制作动画的最简单的架构查看全部
-
格子系统查看全部
-
计算圆心位置，i,j的意义查看全部
-
context.clearRect（）；//对一个矩形空间进行刷新查看全部
-
//绘制一段弧线 context.arc( centerx，centery（圆心得坐标x，y），radius（半径），startingAngle（开始的弧度值），endingAngle（结束的弧度值），anticlockwise=false（顺时针，true为逆时针） )//也是一种状态 //当用fill方法填充颜色时，会自动把路径封闭起来，相当于加了closePath（）；查看全部
举报
0/150
提交
取消