이 기사는 주로 HTML5의 캔버스 방법 사용 안내서를 소개합니다. 매우 간단하고 명확합니다. 아주 좋은 기사입니다. 나는 여기에서 당신에게 추천합니다.
캔버스 방법
저장 () 현재 환경의 상태를 저장합니다
복원 () 이전에 저장된 경로 상태 및 속성을 반환합니다.
Createevent ()
getContext () 도면 기능에 액세스하는 데 필요한 API를 나타내는 객체를 반환합니다.
Todataupl ()은 캔버스 이미지의 URL을 반환합니다
라인 스타일의 속성 및 방법
재산:
Linecap은 라인의 엔드 포인트 스타일을 설정하거나 반환합니다.
LineJoin은 두 줄이 교차 할 때 생성 된 코너 유형을 설정하거나 반환합니다.
linewidth는 현재 선의 너비를 설정하거나 반환합니다.
miterlimit은 최대 마이터 길이를 설정하거나 반환합니다
색상, 스타일 및 그림자 속성 및 방법
재산
FillStyle은 그림을 채우는 데 사용되는 색상, 그라디언트 또는 모드를 설정하거나 반환합니다.
뇌졸중 세트 또는 뇌졸중에 사용되는 색상, 그라디언트 또는 모드를 반환합니다.
ShadowColor는 그림자에 사용되는 색상을 설정하거나 반환합니다.
Shadowblur Shadows에 사용되는 흐림 수준을 설정하거나 반환합니다.
ShadowOffsetX는 그림자의 수평 거리를 모양으로 설정하거나 반환합니다.
Shadowoffsety는 그림자의 수직 거리를 모양으로 설정하거나 반환합니다.
방법
CreateLineargradient ()는 선형 그라디언트를 만듭니다 (Canvas 컨텐츠에서 사용)
CreatePattern ()은 지정된 방향으로 지정된 요소를 반복합니다
CreateRadialgradient ()는 방사형/링 그라디언트를 만듭니다 (Canvas 컨텐츠에서 사용)
addColorStop () 그라디언트 객체의 색상 또는 정지 위치를 지정합니다.
경로 방법
Fill ()가 현재 도면 (경로)을 채 웁니다.
스트로크 ()는 정의 된 경로를 그립니다
시작 경로 ()는 경로를 시작하거나 현재 경로를 재설정합니다
moveto ()는 라인을 만들지 않고 캔버스의 지정된 지점으로 경로를 이동합니다.
ClosePath ()는 현재 지점에서 시작점으로 경로를 만듭니다.
Lineto ()는 해당 지점에서 마지막 지정된 지점까지 선을 생성하기 위해 새로운 포인트를 추가합니다.
클립 () 원래 캔버스에서 모든 모양과 크기의 영역을 자릅니다.
QuadraticCurveto ()는 두 번째 Bezier 곡선을 만듭니다
Beziercureto ()는 마지막 Bezier 곡선을 만듭니다
Arc ()는 아크/곡선을 만듭니다 (원 또는 부분 원을 만드는 데 사용됨)
Arcto ()는 두 개의 접선 사이에 아크/곡선을 만듭니다
지정된 지점이 현재 경로에 있으면 boolean 값을 반환합니다.
구형
rect ()는 사각형을 만듭니다
FillRect ()가 채워진 사각형을 그립니다
strokerect ()는 사각형을 그립니다 (채우기 없음)
ClearRect ()는 주어진 사각형 내에서 지정된 픽셀을 지 웁니다
텍스트 속성 및 메소드를 설정하십시오
재산:
글꼴 텍스트 콘텐츠의 현재 글꼴 속성을 세트 또는 반환합니다.
Textalign Set 또는 ret
TextBaseline 설정은 텍스트를 그릴 때 사용되는 현재 텍스트 기준을 반환합니다.
방법:
fillText ()는 캔버스에 채워진 텍스트를 그립니다
stroketext () 캔버스에 텍스트를 그립니다 (채우기 없음)
MeasureText () 지정된 텍스트 너비가 포함 된 개체를 반환합니다
변환 방법
scale () ()는 현재 플롯을 더 크거나 작은 것으로 확장합니다
회전 ()은 현재 도면을 회전시킵니다
번역 () 꽃 셔츠의 (0,0) 위치를 재발 명합니다
transform () 도면의 전류 변환 매트릭스를 대체합니다
settransform ()은 현재 변환을 단위 매트릭스로 재설정합니다. 그런 다음 run transform ()