-
context.clearRect(x,y,width,height)刷新指定区域查看全部
-
好东西查看全部
-
js中Date的月份参数范围为0-11查看全部
-
context.clearRect(x,y,width,height)刷新指定区域查看全部
-
<canvas id="canvas1" width="1024" height="768"></canvas> 不要用css指定canvas大小，通过属性（没有单位）指定，同时可以指定canvas内容的精度（分辨率） 或者js获取canvas之后，通过canvas.width和canvas.height指定。查看全部
-
document.body.clientHeight中的body改成documentElement。查看全部
-
(一) （二） var cnt=0; var cnt = 0; while(balls.length> cnt ) { while(balls.length> Math.min(300,cnt)) { balls.pop(); balls.pop(); } }查看全部
-
context先绘制状态，再调用stroke()方法绘制查看全部
-
var tangram = [ {p:[{x:0,y:0},{x:0,y:800},{x:400,y:400}],color:"#caff67"}, {p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#67becf"}, {p:[{x:800,y:0},{x:800,y:400},{x:600,y:200}],color:"#ef3d61"}, {p:[{x:600,y:200},{x:800,y:400},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"}, {p:[{x:400,y:400},{x:600,y:600},{x:200,y:600}],color:"#a594c0"}, {p:[{x:0,y:800},{x:400,y:800},{x:600,y:600},{x:200,y:600}],color:"#fa8ecc"}, {p:[{x:400,y:800},{x:800,y:800},{x:800,y:400}],color:"#f6ca29"} ]; window.onload = function() { var canvas = document.getElementById("canvas"); canvas.width = 800; canvas.height = 800; var context = canvas.getContext("2d"); for( var i = 0;i< tangram.length;i++) draw( tangram[i] , context ); } function draw(piece,cxt){ cxt.beginPath(); cxt.moveTo( piece.p[0].x , piece.p[0].y ); for( var i=1; i<piece.p.length; i++) cxt.lineTo(piece.p[i].x,piece.p[i].y); cxt.closePath(); cxt.fillStyle = piece.color; cxt.fill(); }查看全部
-
strokeStyle 笔画 conetext.fillstyle 填充颜色样式 moverto(x.y)绘制坐标 context.lineWidth 线条宽 / strokeStyle 线条颜色 context.stroke() 调用绘制线条 context.fill() 调用颜色填充查看全部
-
把碰撞动能损失和地板滚动摩擦考虑进去。 function update(){ ball.vy+=ball.g; ball.x+=ball.vx; ball.y+=ball.vy; if (ball.y>600-ball.r) { ball.y=600-ball.r; if(Math.abs(ball.vy)>2) {ball.vy=-ball.vy*0.75;} else{ if(Math.abs(ball.vx)<0.2){ ball.vx=0; } else{ ball.vx=ball.vx>0?ball.vx-0.05:ball.vx+0.05; } } } if(ball.y<ball.r){ ball.y=ball.r; ball.vy=-ball.vy*0.75; } if(ball.x<ball.r){ ball.x=ball.r; ball.vx=-ball.vx*0.75; } if(ball.x>1300-ball.r){ ball.x=1300-ball.r; ball.vx=-ball.vx*0.75; } }查看全部
-
window.onload= function() { var canvas = document.getElementById("canvas1"); canvas.width=1024; canvas.height=768; var context =canvas.getContext("2d"); // 第一段线段 context.beginPath(); //开启线段 context.moveTo(100, 100); //开始笔触 context.lineTo(700, 700); //中间画点 context.lineTo(100, 700); context.lineTo(100, 100); // context.fillStyle="#005588" //内部填充样式 // context.fill(); //开启内部填充 context.lineWidth=5; context.strokeStyle="red" context.stroke(); //开始绘画 context.closePath(); //结束线段 // 第二段线段 context.beginPath(); context.moveTo(200, 100); context.lineTo(700, 600); context.strokeStyle="black" context.stroke(); context.closePath(); }查看全部
-
绘制方法查看全部
-
计算圆心的位置查看全部
-
CenterX:x+j*2*(R+1)+(R+1) CenterY:y+i*2*(R+1)+(R+1)查看全部
举报
0/150
提交
取消