메뉴 건너뛰기

조회 수 884 댓글 1

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

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

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

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

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

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

?
  • ?
    관리자 2018.11.29 08: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.20 18282
403 오픈챌린지 5장 ces 2024.04.19 23
402 책을 종이책으로 구매했는데 1 ddd 2024.03.21 103
401 저기 황기태 저자님 1 방문자 2024.02.10 150
400 428p 예제 9-21 키이벤트 응용 질문이 있습니다. 3 아인슈페너 2023.11.24 77
399 연습문제 3장 5번 문제 1 seungjun 2023.10.26 129
398 2장 오픈챌린 cmc 2023.09.17 148
397 웹서버소프트웨어 1 file park 2023.04.15 199
396 Sublime Text, VS code IDE설명 update바랍니다 1 삼오칠 2023.04.15 93
395 Atom은 IDE 리스트에서 삭제해주세요. 1 삼오칠 2023.04.15 84
394 예제 2-25 <video>태그로 비디오 삽입 2 file 코딩어렵다 2023.04.13 87
393 예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p) 2 file 코딩어렵다 2023.04.12 54
392 비정형 표 만들기 다운로드 1 애치 2023.04.04 103
391 오픈챌린지 5 file ab 2023.02.17 171
390 오픈챌린지 1 ab 2023.02.16 140
389 form 태그 1 열공이 2023.01.31 88
388 예제 2-21 질문입니다. 1 file 열공이 2022.12.23 117
387 계산기 문제 변형 문의 file Mikael 2022.12.13 56
386 6장 이론문제 9번 지역,전역,블록변수 질문이요. 문신 2022.12.10 60
385 2장 이론 문제 답 문의 MIKAEL 2022.12.09 241
384 2장 이론문제 4번 답 문의 MIKAEL 2022.12.09 84
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로