css - 페이지 시계를 생성하기 위해 캔버스를 사용하는 Javascript 코드입니다. 몇 가지 이해가 안 되는 부분이 있습니다. 누군가가 조언을 해줄 수 있기를 바랍니다.
PHP中文网
PHP中文网 2017-05-16 13:27:50
0
1
565
으아악

loop=setInterval(함수(){

으아악

},1000);

drawNumerals(){
..........
} 함수에서 var numerals=[1,2,3,4,5,6,7,8,9,10,11, 12] ,

으아악

첫 번째는 배열을 정의하고, 두 번째는 시작 라디안을 정의하고, 세 번째는 배열의 너비를 정의합니까?

배열 순회 수치.forEach(function(numeral){
angle=Math.PI/6*(numeral-3);
numeralWidth=ctx.measureText(numeral).width;
ctx.fillText(numeral,canvas.width /2+Math.cos(aangle)*(HAND_RADIUS)-numeralWidth/2,
canvas.height/2+Math.sin(angle)*(HAND_RADIUS)+FONT_HEIGHT/3);
});
angle=Math . PI/6*(숫자-3);이 알고리즘은 무엇을 의미합니까?
ctx.fillText(숫자,canvas.width/2+Math.cos(aangle)*(HAND_RADIUS)-numeralWidth/2,
canvas.height/2+Math.sin(angle)*(HAND_RADIUS)+FONT_HEIGHT/3) ;
이 알고리즘은 무엇을 의미하나요?

drawHand(loc,isHour) 함수의 두 섹션{
. . . . . .
}

으아악

저도 기능을 잘 모르겠습니다.

마지막으로 ctx.font=FONT_HEIGHT+"ps Arial"; 이것이 거기에 설정된 글꼴인가요?

setInterval(); 이미 루프인 것으로 기억하는데 왜 loop=setInterval();을 추가해야 합니까?
이게 무슨 뜻인가요? 위에서 제가 이해하지 못하는 부분에 대해 누군가가 조언을 해주셨으면 좋겠습니다. 제가 초보라서 질문이 꼼꼼하지 못한 부분이 있을 수 있으니 양해 부탁드립니다.

PHP中文网
PHP中文网

认证0级讲师

모든 응답(1)
给我你的怀抱

우선, 이해가 안 된다면, 차근차근 디버깅해 보는 건 어떨까요?

둘째, 게시된 코드가 너무 지저분해서 직접 읽어보실 수 있나요?

이제 답변을 드렸으니 간단히 말씀드리겠습니다

으아아아

이 글을 쓰다보니 인터넷에 있는 예인 것 같네요. 영상도 있어야 할 것 같은데, Baidu를 사용해서 시계를 그리는 것도 좋지 않습니다.

ctx.font 질문, ctx가 무엇인지 아신다면 어떤 글꼴로 설정되어 있는지 아시나요? ctx는 어디에서 왔습니까? 코드에 정의되어 있습니다. 모르시면 바이두나 구글에 물어보세요. ctx.font的问题,你知道ctx是什么了,就知道他是设置哪的字体了? ctx哪里来,代码上有定义。不懂请百度Google。

至于你说loop=setInterval的问题,自己查setInterval。简单来说loop是这个定时器返回的一个标识,在你不需要这个定时器的时候,可以使用clearInterval(定时器标识)

loop=setInterval에 대한 질문은 setInterval을 직접 확인하세요. 간단히 말해서 루프는 이 타이머가 반환하는 식별자입니다. 이 타이머가 필요하지 않은 경우 clearInterval(타이머 식별자)를 사용하여 이 타이머를 지울 수 있습니다.

마지막으로 답은 항상 거기에 있었습니다. 단지 당신이 그것을 찾을 의향이 있는지 여부에 달려 있습니다. 🎜
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!