메뉴 건너뛰기

조회 수 884 댓글 1

안녕하세요. 11장 실습문제 6번을 풀다가 모르는 점이 생겨 질문드리려고 합니다.

폼으로 원호를 그리는 웹페이지를 작성하고 있는데, 

이상하게도 시작각도-0 / 끝각도-270 이라고 했는데 그 반대 부분에 색이 칠해지는 것 같습니다.

시계방향은 false로 값을 주고, 반시계방향에는 true로 값을 줬고

끝 각도에 값을 넣어줄 때는 inputs[4].value*Math.PI/180으로 값을 줬는데 어떻게 해야 뒤바꿀 수 있을 까요..

질문글 읽어주셔서 감사합니다. 

?
  • ?
    관리자 2018.11.29 09:02
    1. 질문으로봐서는 정확히 알 수는 없지만,
    결국 반대로 그려진다면 분명 방향 값이 true 로 주어져 있지 않나 하는 생각이 듭니다.
    다음과 같이 강제로 마지막 매개변수로 false를 넣어 보세요.
    context.arc(x, y, radius, startAngle, endAngle, false);
    만일 이렇게 하여 시계 방향으로 잘 작동한다면
    폼에서 방향 값을 읽어 처리하는데 문제가 있을 것입니다.

    2. 그리고
    inputs[4].value*Math.PI/180 부분은 다음과 같이 수정하는 것이 원칙입니다.
    parseInt(inputs[4].value)*Math.PI/180

    왜냐하면 value 속성은 문자열이기 때문입니다. 곱하기 연산을 하기 전에 문자열을 숫자로 바꾸어 주어야 정확한 계산이 됩니다.
    하지만, 자바스크립트 엔진이 스스로 숫자로 바꾸어주기도 하는데, 확실히 하는 것이 좋겠지요.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18175
382 13장 실습문제 5번 질문입니다. 3 웹린 2022.12.04 111
381 10장 연습문제 10번 질문입니다. 2 웹린 2022.11.03 158
380 webgl 2차원. 1 궁금해요 2022.10.10 131
379 6장 9-2번 이론문제(개정판) 1 file 궁금해요 2022.09.10 157
378 연습문제 3장 2번 질문합니다! 1 file KHE 2022.09.08 152
377 4장 9번 이론문제 2 궁금해요 2022.09.07 114
376 [개정판] p.357 sibling 에 대한 설명 및 그림 8-7 1 질문 2022.09.02 59
375 target프로퍼티 질문(페이지 428쪽) 2 한성이 2022.08.15 47
374 스타일 시트 객체 2 한성이 2022.08.09 32
373 css3의 프로퍼티와 7장 객체의 프로퍼티 1 한성이 2022.08.07 38
372 9장 6번 실습문제 2 궁금해요 2022.07.24 123
371 예제 8-9(373p) 1 열공이 2022.05.29 87
370 timerID값이 null인 이유 1 열공이 2022.05.26 599
369 length 프로퍼티 2 열공이 2022.05.21 59
368 9장 실습문제3번 2 열공이 2022.05.17 192
367 5장 오픈챌린지 관련 시급함 2022.04.16 197
366 교제 254페이지 1 쿠웨이트 2022.04.12 84
365 5장 실습문제 8번 2 쿠웨이트 2022.04.12 121
364 5장 실습문제 10번 1 쿠웨이트 2022.04.12 107
363 이미지파일 6 스물다섯 2022.04.08 106
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로