Interface ICanvasRenderingContext2D

ICanvasRenderingContext2D interface

ICanvasRenderingContext2D 인터페이스는 사각형, 텍스트, 이미지 및 기타 개체를 캔버스 요소에 그리는 데 사용됩니다. 캔버스 요소의 그리기 표면에 대한 2D 렌더링 컨텍스트를 제공합니다.

public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

속성

이름설명
Canvas { get; }HTMLCanvasElement에 대한 읽기 전용 역참조입니다. 캔버스 요소와 연결되지 않은 경우 null일 수 있습니다.
FillStyle { get; set; }도형 내부에 사용할 색상 또는 스타일. 기본값: (검은색).
GlobalAlpha { get; set; }도형과 이미지가 캔버스에 합성되기 전에 적용되는 알파 값입니다. 기본값 1.0(불투명).
GlobalCompositeOperation { get; set; }globalAlpha를 적용하면 모양과 이미지가 기존 비트맵에 그려지는 방식을 설정합니다. 기본값: (소스 오버)
ImageSmoothingEnabled { get; set; }이미지 스무딩 모드; 비활성화하면 크기 조정 시 이미지가 매끄럽지 않습니다.
ShadowBlur { get; set; }흐림 효과를 지정합니다. 기본값 0
ShadowColor { get; set; }그림자의 색상. 기본 완전 투명 검정.
ShadowOffsetX { get; set; }그림자가 오프셋될 수평 거리. 기본값 0.
ShadowOffsetY { get; set; }그림자가 상쇄될 수직 거리. 기본값 0.
StrokeStyle { get; set; }도형 주위의 선에 사용할 색상 또는 스타일. 기본값: (검은색).

행동 양식

이름설명
AddHitRegion(Dictionary<string, string>)캔버스에 히트 영역을 추가합니다. 이를 통해 적중 감지를 더 쉽게 할 수 있고 이벤트를 DOM 요소인 로 라우팅할 수 있으며 사용자가 캔버스를 보지 않고도 탐색할 수 있습니다.
BeginPath()하위 경로 목록을 비워 새 경로를 시작합니다. 새로운 경로를 생성하고자 할 때 이 메소드를 호출하세요.
ClearHitRegions()캔버스에서 모든 히트 영역을 제거합니다.
ClearRect(double, double, double, double)시작점(x, y) 및 크기(너비, 높이)로 정의된 사각형의 모든 픽셀을 투명한 검은색으로 설정하고 이전에 그린 내용을 지웁니다.
Clip()0이 아닌 굴곡 수 규칙을 사용하여 현재 클리핑 영역과 경로에 의해 설명된 영역의 교차점을 계산하여 새 클리핑 영역을 만듭니다. . 새 클리핑 영역이 현재 클리핑 영역을 대체합니다.
Clip(CanvasFillRule)0이 아닌 굴곡 수 규칙을 사용하여 경로에서 설명하는 영역과 현재 클리핑 영역의 교차점을 계산하여 새 클리핑 영역을 만듭니다. 실제 하위 경로에 영향을 주지 않고 클리핑 영역을 계산할 때 열린 하위 경로를 암시적으로 닫아야 합니다. 새 클리핑 영역이 현재 클리핑 영역을 대체합니다.
Clip(Path2D, CanvasFillRule)0이 아닌 굴곡 수 규칙을 사용하여 경로에서 설명하는 영역과 현재 클리핑 영역의 교차점을 계산하여 새 클리핑 영역을 만듭니다. 실제 하위 경로에 영향을 주지 않고 클리핑 영역을 계산할 때 열린 하위 경로를 암시적으로 닫아야 합니다. 새 클리핑 영역이 현재 클리핑 영역을 대체합니다.
CreateImageData(IImageData)지정된 크기로 비어 있는 새 ImageData 개체를 만듭니다. 새 개체의 모든 픽셀은 투명한 검은색입니다.
CreateImageData(double, double)지정된 크기로 비어 있는 새 ImageData 개체를 만듭니다. 새 개체의 모든 픽셀은 투명한 검은색입니다.
CreateLinearGradient(double, double, double, double)매개변수로 표시되는 좌표로 지정된 선을 따라 선형 그래디언트를 생성합니다.
CreatePattern(HTMLCanvasElement, string)지정된 이미지(CanvasImageSource)를 사용하여 패턴을 만듭니다. 반복 인수에 지정된 방향으로 소스를 반복합니다.
CreatePattern(HTMLImageElement, string)지정된 이미지(CanvasImageSource)를 사용하여 패턴을 만듭니다. 반복 인수에 지정된 방향으로 소스를 반복합니다.
CreateRadialGradient(double, double, double, double, double, double)매개변수로 표시되는 두 원의 좌표로 주어진 방사형 그래디언트를 생성합니다.
DrawFocusIfNeeded(Element)주어진 요소에 포커스가 있으면 이 메서드는 현재 경로 주위에 포커스 링을 그립니다.
DrawImage(HTMLCanvasElement, double, double)지정된 이미지를 그립니다.
DrawImage(HTMLImageElement, double, double)지정된 이미지를 그립니다.
DrawImage(HTMLCanvasElement, double, double, double, double)지정된 이미지를 그립니다.
DrawImage(HTMLImageElement, double, double, double, double)지정된 이미지를 그립니다.
DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)지정된 이미지를 그립니다.
DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)지정된 이미지를 그립니다.
Fill()현재 채우기 스타일과 기본 알고리즘 CanvasFillRule.Nonzero. 로 하위 경로를 채웁니다.
Fill(CanvasFillRule)현재 채우기 스타일로 하위 경로를 채웁니다.
Fill(Path2D)현재 채우기 스타일과 기본 알고리즘 CanvasFillRule.Nonzero. 로 하위 경로를 채웁니다.
Fill(Path2D, CanvasFillRule)현재 채우기 스타일로 하위 경로를 채웁니다.
FillRect(double, double, double, double)크기가 너비와 높이에 의해 결정되는 (x, y) 위치에 채워진 사각형을 그립니다.
FillText(string, double, double)주어진 (x,y) 위치에 주어진 텍스트를 그립니다(채웁니다).
FillText(string, double, double, double)주어진 (x,y) 위치에 주어진 텍스트를 그립니다(채웁니다).
GetImageData(double, double, double, double)(sx, sy)에서 시작하고 sw 너비와 sh 높이를 갖는 사각형으로 표시되는 캔버스 영역에 대한 기본 픽셀 데이터를 나타내는 ImageData 개체를 반환합니다. 이 메서드는 캔버스 변환 행렬의 영향을 받지 않습니다.
IsPointInPath(double, double)지정된 지점이 현재 경로에 포함되어 있는지 여부를 보고합니다.
IsPointInPath(double, double, CanvasFillRule)지정된 지점이 현재 경로에 포함되어 있는지 여부를 보고합니다.
IsPointInPath(Path2D, double, double)지정된 지점이 현재 경로에 포함되어 있는지 여부를 보고합니다.
IsPointInPath(Path2D, double, double, CanvasFillRule)지정된 지점이 현재 경로에 포함되어 있는지 여부를 보고합니다.
IsPointInStroke(double, double)지정된 지점이 경로 스트로크에 포함된 영역 내부에 있는지 여부를 보고합니다.
IsPointInStroke(Path2D, double, double)지정된 지점이 경로 스트로크에 포함된 영역 내부에 있는지 여부를 보고합니다.
MeasureText(string)TextMetrics 개체를 반환합니다.
PutImageData(IImageData, double, double)지정된 ImageData 개체의 데이터를 비트맵에 그립니다. 더티 사각형이 제공되면 해당 사각형의 픽셀만 칠해집니다. 이 방법은 캔버스 변형 행렬의 영향을 받지 않습니다.
PutImageData(IImageData, double, double, double, double, double, double)지정된 ImageData 개체의 데이터를 비트맵에 그립니다. 더티 사각형이 제공되면 해당 사각형의 픽셀만 칠해집니다. 이 방법은 캔버스 변형 행렬의 영향을 받지 않습니다.
RemoveHitRegion(string)캔버스에서 지정된 ID를 가진 히트 영역을 제거합니다.
ResetTransform()항등 행렬로 현재 변환을 재설정합니다.
Restore()드로잉 스타일 상태를 save()에 의해 저장된 ‘상태 스택’의 마지막 요소로 복원합니다.
Rotate(double)변환 행렬에 회전을 추가합니다. 각도 인수는 시계 방향 회전 각도를 나타내며 라디안으로 표시됩니다.
Save()스택을 사용하여 현재 드로잉 스타일 상태를 저장하므로 restore(). 를 사용하여 변경한 사항을 되돌릴 수 있습니다.
Scale(double, double)캔버스 단위에 수평으로 x, 수직으로 y 크기 조정 변환을 추가합니다.
SetTransform(double, double, double, double, double, double)현재 변환을 항등 행렬로 재설정한 다음 동일한 인수를 사용하여 transform() 메서드를 호출합니다.
Stroke()현재 스트로크 스타일로 하위 경로를 스트로크합니다.
Stroke(Path2D)현재 스트로크 스타일로 하위 경로를 스트로크합니다.
StrokeRect(double, double, double, double)현재 획 스타일을 사용하여 시작점이 (x, y)이고 폭이 aw이고 높이가 h인 사각형을 캔버스에 그립니다.
StrokeText(string, double, double)주어진 (x, y) 위치에 주어진 텍스트를 그립니다.
StrokeText(string, double, double, double?)주어진 (x, y) 위치에 주어진 텍스트를 그립니다.
Transform(double, double, double, double, double, double)인수로 설명된 행렬과 현재 변환 행렬을 곱합니다.
Translate(double, double)그리드에서 캔버스와 그 원점을 x 가로 및 y 세로로 이동하여 변환 변환을 추가합니다.

또한보십시오

Interface ICanvasPattern Interface IImageData