為什么我的1那么呆萌。。。
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 seconds = 56;
? ?// x坐標(biāo) y坐標(biāo) 繪制十位數(shù)字 上下文繪圖環(huán)境
? ?renderDigit( 0, 0, parseInt(hours/10), cxt ); // 繪制時(shí)間
}
function renderDigit( x, y, num, cxt ){
? ?cxt.fillStyle = "rgb(0, 102, 153)";
? ?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 ){ // 1就繪制圓球
? ? ? ? ? ? ? ?cxt.beginPath();
? ? ? ? ? ? ? ?// 第（i，j）個(gè)圓的圓心位置：（ 為了美觀圓與圓之間加多1 ）
? ? ? ? ? ? ? ?// centerX: x + j*2 + (R+1) + (R+1)
? ? ? ? ? ? ? ?// centerY: y + i*2 + (R+1) + (R+1)
? ? ? ? ? ? ? ?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();
? ? ? ? ? ?}
? ? ? ?}
? ?}
}
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>倒計(jì)時(shí)&電子鐘效果</title>
? ?<script src="digit.js"></script>
? ?<script src="countdown.js"></script>
</head>
<body>
<!-- 大小無單位px -->
<!-- 左上角為原點(diǎn)，右為x正半軸，向下為y的正半軸 -->
<canvas id="canvas" width="1024" height="768" style="border: 1px solid #CCCCCC;display: block;margin: 150px auto">
當(dāng)瀏覽器不支持canvas的時(shí)候，會(huì)顯示這段文字，當(dāng)瀏覽器支持canvas的時(shí)候，這段文字是完全給忽略掉的！
</canvas>
</body>
</html>
2015-12-22
?cxt.arc(x+j*2+(RADIUS+1)+(RADIUS+1), y+i*2+(RADIUS+1)+(RADIUS+1), RADIUS, 0, 2*Math.PI);應(yīng)該是
?cxt.arc(x+j*2*(RADIUS+1)+(RADIUS+1), y+i*2*(RADIUS+1)+(RADIUS+1), RADIUS, 0, 2*Math.PI);吧
2015-12-05
確實(shí)很呆萌！
2015-11-09
?? ?// centerX: x + j*2 + (R+1) + (R+1)
? ? ? ? ? ? ? ?// centerY: y + i*2 + (R+1) + (R+1)
? ? ? ? ? ? ? ?cxt.arc(x+j*2+(RADIUS+1)+(RADIUS+1), y+i*2+(RADIUS+1)+(RADIUS+1), RADIUS, 0, 2*Math.PI);
似乎這里有點(diǎn)問題
2015-09-06
好呆萌，是RADIUS+1這里把符號(hào)寫錯(cuò)了吧
2015-08-28
確實(shí)很呆萌！
2015-08-24
已解決，又是眼瞎犯的錯(cuò)