html 캔버스 기능 정리하기
- 태그로 요소 추가 ex) - 캔버스에 내용을 채우기 위한 객체 (그림 그리기) - getContext("2d") 메소드 stroke() : 선을 그리는 메소드 (초기값은 검정색) moveTo(x,y) : 선의 시작 지점의 좌표를 (x,y)로 이동 lineTo(x,y) : 시작지점에서 (x,y)까지 선을 그림 rect(x,y,width,height) : (x,y)지점을 왼쪽 위 모서리, width,height 길이의 사각형을 그린다. arc(x,y,r,startAngle, endAngle, antiClockwise) : (x,y)시작점으로 하고 r을 반지름으로 하는 원을 그림 , 시작 각도와 끝 각도를 지정할 수 있으며, antiClockwise 값을 설정하면 반시계방향으로 원호가 그려진다. ..
html,Js를 이용한 비만도 판정 페이지 만들기(BMI 지수)
이번에는 html과 자바 스크립트 (js)를 이용하여 이름, 키, 몸무게를 입력받아 비만도를 판정하는 페이지를 만들어보려고 한다. 이번 실습에서 만족시킬 조건은 다음과 같다. 1. 이름, 키, 몸무게를 차례대로 입력받는다. 2. BMI 지수를 계산하여 소수점 첫째 자리까지 출력하여 나타낸다. 3. 비만도를 판정하여 '저체중, 정상, 과체중, 비만'을 나타내며, 각 글씨에 효과를 준다. (ex. 색상, 굵기) 4. 표 형식으로 나타낸다. 우선 BMI 지수의 공식은 (몸무게/키*키)이며, 판정 기준은 다음과 같다. -저체중 : 18.5 미만 -정상 : 18.5 ~ 25.0 미만 -과체중 : 25.0 ~ 30.0 미만 -비만 : 30.0 이상 이를 참고하여 진행하도록 한다. 상당히 간단하고 짧..
