<script > var ball={x : 100,y:200,r:20 , g:2 , vx:-4 vy:0 ,color:"#005588"} window.onload=function(){ var canvas=document.getElementById('Block'); var context=canvas.getContext("2d"); render(context); setInterval( function(){ render(context); update(); },50); } function update(){ ball.x+=ball.vx; ball.y+=ball.vy; ball.vy+=ball.g; } function render(cxt){ cxt.clearRect(0,0,1024,768) cxt.strokeStyle="005588"; // cxt.beginPath(); // cxt.arc( ball.x , ball.y , ball.r , 0 , 2*Math.PI) // cxt.closePath(); cxt.moveTo(0,0) cxt.lineTo(700,700) cxt.stroke(); } </script>
不知道这样写对不对,我逐行调试了发现只有加入这行的时候画布中是一片空白
你这什么?怎么还有绘制直线的代码在里面,而且最主要的是没有调用cxt.fillStuyle和lcxt.fill();
漏打了vx和vy之间的逗号,不过补上去之后问题还是存在