为什么我就是显示不出来

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

慕丝1033313

2018-03-02 23:18

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(cxt){

//绘制画布

//绘制时钟

//存放倒计时的数字

var hours=12;

var minutes=34;

var seconnds=56;

//绘制1个数字的所有信息 开始绘制的位置(x,y),要绘制的数字,(两位数字),绘图环境

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

}


function renderDigit(x,y,num,cxt){

cxt.fillStyle="rgb(0,102,153)";

for(var i=0; i<digit[num].length; i++){

for(j=0; j<digit[num][i].length; j++){

if(digit[num][i][j]==1){

//绘制小球

cxt.beginPath();

cxt.arc(x+j*2*(radius+1)+(radius+1),y+i*2*(radius+1)+(radius+1),radius,0,2*Math.PI);

cxt.closePath();

cxt.fill();

}

}

}

}


写回答 关注

1回答

  • 慕哥6812482
    2018-03-06 17:40:13

    加上填充色

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

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

96746 学习 · 1000 问题

查看课程

相似问题