按老师的代码写完没效果???

来源:3-2 倒计时数字钟的具体绘制

苍白的尾巴

2016-06-13 20:46

var Window_Width = 1024;
var window_Height = 768;
var Radius = 8;

window.onload = function(){
	var canvas = document.getElementById("canvas");
	var context = canvas.getContext("2d");

	canvas.width = Window_Width;
	canvas.height = window_Height;

	render(context);
}

function render(){
	var hours = 12;
	var minutes = 34;
	var seconds = 56;

	renderDigit(0,0,parseInt(hours/10),cxt);
}

function renderDigit(x,y,num,cxt){
	cxt.fillStyle = "blue";

	for(var i=0;i<digit[num].lenght;i++){
		for(var j=0;j<digit[num][i].lenght;j++){
			if(digit[num][i] == 1){
				cxt.beginPath();
				cxt.art(x+(Radius+1)+2*(Radius+1),y+(Radius+1)+2*(Radius+1),Radius,0,2*Math.PI);
				cxt.closePath();

				cst.fill();
			}
		}
	}
}

为什么我的没显示?F12说renderDigit(0,0,parseInt(hours/10),cxt);的cxt有问题

写回答 关注

1回答

  • 慕粉15527929895
    2016-06-13 23:17:52
    已采纳

    function render(cxt){  //render函数头里面忘写形参cxt了

        var hours = 12;

        var minutes = 34;

        var seconds = 56;

     

        renderDigit(0,0,parseInt(hours/10),cxt);

    }


    苍白的尾巴

    非常感谢!

    2016-06-17 08:23:20

    共 1 条回复 >

炫丽的倒计时效果Canvas绘图与动画基础

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

96746 学习 · 1000 问题

查看课程

相似问题