绘制出来的数字是躺着的,求解额,好晕,我想我遍历数组应该没有按列遍历呀

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

精慕门6263188

2015-06-02 13:28

我绘制出来的数字是躺着的,不知道是哪出了问题额,晕了http://img.mukewang.com/556d3eb60001452301960123.jpg

var radius=7;//圆半径

var gap=1;//间隔


window.onload=function(){

var canvas=document.getElementById("canvas");


var ctx=canvas.getContext("2d");//得到绘图的上下文环境


render(ctx);

}

function render(ctx){

var hours=12

var minute=24

var sec=56

render_digit(0,0,parseInt(minute/10),ctx)

}

function render_digit(x,y,num,ctx){//提供初始的坐标原点x和y,以及要绘制的数字,和绘制的上下环境

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

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

{

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

{

ctx.beginPath();

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

ctx.closePath();

ctx.fillStyle="blue";

ctx.fill();

}

}

}


写回答 关注

1回答

  • 精慕门6263188
    2015-06-02 13:42:48

    我懂了,那个间隔x+i*2*(radius+gap)+radius+gap),(y+j*2*(radius+gap)这里的i和j位置互换就好了,汗

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

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

96779 学习 · 1000 问题

查看课程

相似问题