问答详情
源自:4-2 使用canvas做个物理实验

加入var ball={x:512,y:......}这行代码以后就画不出来了

	<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>

不知道这样写对不对,我逐行调试了发现只有加入这行的时候画布中是一片空白

提问者:big0god 2016-02-04 23:40

个回答

  • 咖啡不要糖
    2016-02-27 18:08:43

    你这什么?怎么还有绘制直线的代码在里面,而且最主要的是没有调用cxt.fillStuyle和lcxt.fill();

  • big0god
    2016-02-05 00:03:25

    漏打了vx和vy之间的逗号,不过补上去之后问题还是存在