課程
/前端開(kāi)發(fā)
/Html5
/炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫(huà)基礎(chǔ)
看到3-2這一節(jié)，檢查了好多遍，1就是運(yùn)行不出來(lái)，為什么呀？
2017-09-01
源自：炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫(huà)基礎(chǔ) 3-2
正在回答
請(qǐng)問(wèn)這是錯(cuò)在哪里里
你給canvas的width賦值兩次，未給height賦值canvas.width = WINDOW_WIDTH;canvas.height= WINDOW_HEIGHT;
請(qǐng)問(wèn)你這個(gè)問(wèn)題解決了嗎
因?yàn)槎祭L制到0,0,點(diǎn)了 重疊了
知道錯(cuò)在哪里了
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.width = WINDOW_HEIGHT; ? ?render(context)}//繪制畫(huà)布function render(cxt){ ? ?var hours = 12 ? ?var minutes = 34 ? ?var seconds = 56 ? ?//從什么位置開(kāi)始（0.0），獲取十位數(shù)字（parseInt(hours/10)）cxt：上下文繪圖環(huán)境 ? ?renderDigit(0 , 0 , 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(var j = 0;j<digit[num][i].length;j++) ? ? ? ?//如果二維數(shù)組數(shù)字為1，就在1的地方繪制一個(gè)小圓 ? ? ? ? ? ?if(digit[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() ? ? ? ? ? ?}}
舉報(bào)
學(xué)習(xí)HTML5中最激動(dòng)人心的技術(shù)Canvas，徹底釋放自己的創(chuàng)造力
1 回答顯示不出來(lái)
3 回答顯示不出來(lái)
3 回答為什么我到他顯示出1的時(shí)候我的顯示不出來(lái)
1 回答冒號(hào)顯示不出來(lái)
3 回答時(shí)間顯示不出來(lái)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-04-08
請(qǐng)問(wèn)這是錯(cuò)在哪里里
2018-11-02
你給canvas的width賦值兩次，未給height賦值
canvas.width = WINDOW_WIDTH;
canvas.height= WINDOW_HEIGHT;
2018-03-02
請(qǐng)問(wèn)你這個(gè)問(wèn)題解決了嗎
2017-09-10
因?yàn)槎祭L制到0,0,點(diǎn)了 重疊了
2017-09-01
知道錯(cuò)在哪里了
2017-09-01
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.width = WINDOW_HEIGHT;
? ?render(context)
}
//繪制畫(huà)布
function render(cxt){
? ?var hours = 12
? ?var minutes = 34
? ?var seconds = 56
? ?//從什么位置開(kāi)始（0.0），獲取十位數(shù)字（parseInt(hours/10)）cxt：上下文繪圖環(huán)境
? ?renderDigit(0 , 0 , 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(var j = 0;j<digit[num][i].length;j++)
? ? ? ?//如果二維數(shù)組數(shù)字為1，就在1的地方繪制一個(gè)小圓
? ? ? ? ? ?if(digit[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()
? ? ? ? ? ?}
}