Canvas2 [HTML] HTML5 이용하기 04 - Canvas이용한 시계 만들기 HTML5 이용하기 04 - Canvas이용한 시계 만들기 시계 만들기 1- 날짜 객체를 생성한다- .getHours(), .getMinutes(), .getSeconds()를 이용해 시간을 가져온다. ** 출력 결과 ** 시계 만들기 2- 초침, 분침, 시침을 넣는다.- 회전 각도는 rad이므로 따로 계산해주어야 한다. ** 출력 결과 ** 2017. 4. 18. [HTML] HTML5 이용하기 03 - Canvas 이용하기 (170417) HTML5 이용하기 - Canvas 이용하기 Canvas 이용하기- 이용방법 캔버스의 참조값 얻어오기 var canvas = document.querySelector("#myCanvas");렌더링 할 context 객체의 참조값 얻어오기 var context = canvas.getContext("2d"); 외곽선 색상 context.strokeStyle선의 굵기 context.lineWidth, context.lineCap, context.lineJoin경로 시작 context.beginPath();시작점으로 이동 context.moveTo(100,200);이을점 지정 context.lineTo(500,0);그리기 context.stroke();경로 마무리 context.closePath();채우는 색 .. 2017. 4. 17. 이전 1 다음
