                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果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>

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