순수한 html5를 사용하여 웹 페이지에 시계 공유 코드 공유를 작성하십시오.

이 기사에서는 주로 순수한 HTML5를 사용하여 웹 페이지에 시계의 코드 공유를 작성합니다. 이 프로그램은 매우 간단하며 시계에 디지털 디스플레이가 없습니다. 그것은 가장 기본적인 디자인 아이디어를 순전히 반영합니다. 필요한 친구는 그것을 참조 할 수 있습니다.

알아야 할 사항 :

캔버스 태그는 그래프 컨테이너 일 뿐이며 그래프를 그려면 스크립트를 사용해야합니다. 기본 크기 : 너비 300px 및 높이 150px;

getContext () 메소드는 캔버스에 그리기를위한 메소드와 속성을 제공하는 객체를 반환합니다. - 컨텍스트 객체를 얻으십시오.

getContext (2d) 텍스트, 선, 사각형, 원 등을 캔버스에 그리는 데 사용할 수있는 객체 특성 및 메소드.

FillRect (l, t, w, h) : 기본 색상은 검은 색 strokerect (l, t, w, h) : 테두리가있는 사각형입니다. 기본 1 픽셀 블랙 테두리

setInterVal () 메소드는 함수를 호출하거나 지정된 기간 (밀리 초)에 따라 식을 계산합니다.

시작 경로 () : 드로잉 시작 경로를 정의하여 현재 지점을 (0,0)로 설정합니다. 캔버스 환경이 처음 생성되면 beginpath ()

방법을 명시 적으로 호출합니다.

ClosePath () : 끝 도면 경로 (시작점과 종말점 연결)

원을 그리십시오 :

아크 (x, y, 반지름, 시작 라디안, 끝 라디안, 회전 방향)

X, Y : 시작 위치

라디안과 각도의 관계 : 라디안 = 각도 *Math.pi/180

회전 방향 : 시계 방향 (기본값 : False, Counterclockwise : True)

암호: