Interface ICanvasRenderingContext2D

Interface ICanvasRenderingContext2D

Namespace: Aspose.Html.Dom.Canvas
Assembly: Aspose.HTML.dll (25.1.0)

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

[ComVisible(true)]
[DOMNoInterfaceObject]
[DOMObject]
public interface ICanvasRenderingContext2D : ICanvasDrawingStyles, ICanvasPathMethods

구현

ICanvasDrawingStyles, ICanvasPathMethods

속성

Canvas

HTMLCanvasElement에 대한 읽기 전용 역참조입니다. 캔버스 요소와 연결되지 않은 경우 null일 수 있습니다.

[DOMName("canvas")]
HTMLCanvasElement Canvas { get; }

속성 값

HTMLCanvasElement

FillStyle

도형 내부에서 사용할 색상 또는 스타일입니다. 기본값: (검정).

[DOMName("fillStyle")]
object FillStyle { get; set; }

속성 값

object

GlobalAlpha

도형과 이미지에 적용되는 알파 값으로, 캔버스에 합성되기 전에 적용됩니다. 기본값 1.0 (불투명).

[DOMName("globalAlpha")]
double GlobalAlpha { get; set; }

속성 값

double

GlobalCompositeOperation

globalAlpha가 적용된 상태에서 도형과 이미지가 기존 비트맵에 그려지는 방식을 설정합니다. 기본값: (source-over)

[DOMName("globalCompositeOperation")]
string GlobalCompositeOperation { get; set; }

속성 값

string

ImageSmoothingEnabled

이미지 스무딩 모드; 비활성화된 경우, 이미지는 축소할 때 스무딩되지 않습니다.

[DOMName("imageSmoothingEnabled")]
bool ImageSmoothingEnabled { get; set; }

속성 값

bool

ShadowBlur

블러 효과를 지정합니다. 기본값 0

[DOMName("shadowBlur")]
double ShadowBlur { get; set; }

속성 값

double

ShadowColor

그림자의 색상입니다. 기본값은 완전 투명한 검정색입니다.

[DOMName("shadowColor")]
string ShadowColor { get; set; }

속성 값

string

ShadowOffsetX

그림자의 수평 거리입니다. 기본값 0.

[DOMName("shadowOffsetX")]
double ShadowOffsetX { get; set; }

속성 값

double

ShadowOffsetY

그림자의 수직 거리입니다. 기본값 0.

[DOMName("shadowOffsetY")]
double ShadowOffsetY { get; set; }

속성 값

double

StrokeStyle

도형 주위의 선에 사용할 색상 또는 스타일입니다. 기본값: (검정).

[DOMName("strokeStyle")]
object StrokeStyle { get; set; }

속성 값

object

메서드

AddHitRegion(Dictionary<string, string="">)

캔버스에 히트 영역을 추가합니다. 이렇게 하면 히트 감지가 쉬워지고, 이벤트를 DOM 요소로 라우팅할 수 있으며, 사용자가 캔버스를 보지 않고도 탐색할 수 있습니다.

void AddHitRegion(Dictionary<string, string=""> options)

매개변수

options Dictionary<string, string&gt;

options 인수는 선택 사항입니다. 제공된 경우 속성을 포함할 수 있는 Object입니다.

BeginPath()

서브 경로 목록을 비움으로써 새로운 경로를 시작합니다. 새로운 경로를 만들고자 할 때 이 메서드를 호출합니다.

[DOMName("beginPath")]
void BeginPath()

ClearHitRegions()

캔버스에서 모든 히트 영역을 제거합니다.

[DOMName("clearHitRegions")]
void ClearHitRegions()

ClearRect(double, double, double, double)

시작점 (x, y)와 크기 (width, height)로 정의된 사각형의 모든 픽셀을 투명한 검정색으로 설정하여 이전에 그려진 내용을 지웁니다.

[DOMName("clearRect")]
void ClearRect(double x, double y, double w, double h)

매개변수

x double

사각형 시작점의 x축 좌표입니다.

y double

사각형 시작점의 y축 좌표입니다.

w double

사각형의 너비입니다.

h double

사각형의 높이입니다.

Clip()

현재 클리핑 영역과 경로로 설명된 영역의 교차점을 계산하여 새로운 클리핑 영역을 생성합니다. 비영 점수 규칙을 사용합니다. 열린 서브 경로는 클리핑 영역을 계산할 때 암묵적으로 닫혀야 하며 실제 서브 경로에는 영향을 주지 않아야 합니다. 새로운 클리핑 영역은 현재 클리핑 영역을 대체합니다.

[DOMName("clip")]
void Clip()

Clip(CanvasFillRule)

현재 클리핑 영역과 경로로 설명된 영역의 교차점을 계산하여 새로운 클리핑 영역을 생성합니다. 비영 점수 규칙을 사용합니다. 열린 서브 경로는 클리핑 영역을 계산할 때 암묵적으로 닫혀야 하며 실제 서브 경로에는 영향을 주지 않아야 합니다. 새로운 클리핑 영역은 현재 클리핑 영역을 대체합니다.

[DOMName("clip")]
void Clip(CanvasFillRule fillRule)

매개변수

fillRule CanvasFillRule

포인트가 경로 내부인지 외부인지 결정하는 알고리즘입니다.

Clip(Path2D, CanvasFillRule)

현재 클리핑 영역과 경로로 설명된 영역의 교차점을 계산하여 새로운 클리핑 영역을 생성합니다. 비영 점수 규칙을 사용합니다. 열린 서브 경로는 클리핑 영역을 계산할 때 암묵적으로 닫혀야 하며 실제 서브 경로에는 영향을 주지 않아야 합니다. 새로운 클리핑 영역은 현재 클리핑 영역을 대체합니다.

[DOMName("clip")]
void Clip(Path2D path, CanvasFillRule fillRule)

매개변수

path Path2D

클립할 Path2D 경로입니다.

fillRule CanvasFillRule

포인트가 경로 내부인지 외부인지 결정하는 알고리즘입니다.

CreateImageData(double, double)

지정된 크기로 새로운 빈 ImageData 객체를 생성합니다. 새 객체의 모든 픽셀은 투명한 검정색입니다.

[DOMName("createImageData")]
IImageData CreateImageData(double sw, double sh)

매개변수

sw double

새 ImageData 객체에 부여할 너비입니다.

sh double

새 ImageData 객체에 부여할 높이입니다.

반환

IImageData

지정된 너비와 높이를 가진 새로운 ImageData 객체입니다. 새 객체는 투명한 검정색 픽셀로 채워집니다.

CreateImageData(IImageData)

지정된 크기로 새로운 빈 ImageData 객체를 생성합니다. 새 객체의 모든 픽셀은 투명한 검정색입니다.

[DOMName("createImageData")]
IImageData CreateImageData(IImageData imagedata)

매개변수

imagedata IImageData

너비와 높이를 복사할 기존 ImageData 객체입니다. 이미지는 복사되지 않습니다.

반환

IImageData

지정된 너비와 높이를 가진 새로운 ImageData 객체입니다. 새 객체는 투명한 검정색 픽셀로 채워집니다.

CreateLinearGradient(double, double, double, double)

매개변수로 표현된 좌표에 따라 선형 그라디언트를 생성합니다.

[DOMName("createLinearGradient")]
ICanvasGradient CreateLinearGradient(double x0, double y0, double x1, double y1)

매개변수

x0 double

시작점의 x축 좌표입니다.

y0 double

시작점의 y축 좌표입니다.

x1 double

끝점의 x축 좌표입니다.

y1 double

끝점의 y축 좌표입니다.

반환

ICanvasGradient

선형 CanvasGradient입니다.

CreatePattern(HTMLImageElement, string)

지정된 이미지(캔버스 이미지 소스)를 사용하여 패턴을 생성합니다. 반복 인수에 의해 지정된 방향으로 소스를 반복합니다.

[DOMName("createPattern")]
ICanvasPattern CreatePattern(HTMLImageElement image, string repetition)

매개변수

image HTMLImageElement

반복할 이미지로 사용할 HTMLImageElement입니다.

repetition string

이미지를 반복하는 방법을 나타내는 문자열입니다.

반환

ICanvasPattern

패턴을 설명하는 불투명 객체입니다.

CreatePattern(HTMLCanvasElement, string)

지정된 이미지(캔버스 이미지 소스)를 사용하여 패턴을 생성합니다. 반복 인수에 의해 지정된 방향으로 소스를 반복합니다.

[DOMName("createPattern")]
ICanvasPattern CreatePattern(HTMLCanvasElement image, string repetition)

매개변수

image HTMLCanvasElement

반복할 이미지로 사용할 HTMLCanvasElement입니다.

repetition string

이미지를 반복하는 방법을 나타내는 문자열입니다.

반환

ICanvasPattern

패턴을 설명하는 불투명 객체입니다.

CreateRadialGradient(double, double, double, double, double, double)

매개변수로 표현된 두 원의 좌표에 따라 방사형 그라디언트를 생성합니다.

[DOMName("createRadialGradient")]
ICanvasGradient CreateRadialGradient(double x0, double y0, double r0, double x1, double y1, double r1)

매개변수

x0 double

시작 원의 x축 좌표입니다.

y0 double

시작 원의 y축 좌표입니다.

r0 double

시작 원의 반지름입니다.

x1 double

끝 원의 x축 좌표입니다.

y1 double

끝 원의 y축 좌표입니다.

r1 double

끝 원의 반지름입니다.

반환

ICanvasGradient

두 개의 지정된 원으로 초기화된 방사형 CanvasGradient입니다.

DrawFocusIfNeeded(Element)

주어진 요소가 포커스된 경우, 이 메서드는 현재 경로 주위에 포커스 링을 그립니다.

[DOMName("drawFocusIfNeeded")]
void DrawFocusIfNeeded(Element element)

매개변수

element Element

포커스 여부를 확인할 요소입니다.

DrawImage(HTMLImageElement, double, double)

지정된 이미지를 그립니다.

[DOMName("drawImage")]
void DrawImage(HTMLImageElement image, double dx, double dy)

매개변수

image HTMLImageElement

컨텍스트에 그릴 HTMLImageElement입니다.

dx double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 x 좌표입니다.

dy double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 y 좌표입니다.

DrawImage(HTMLCanvasElement, double, double)

지정된 이미지를 그립니다.

[DOMName("drawImage")]
void DrawImage(HTMLCanvasElement image, double dx, double dy)

매개변수

image HTMLCanvasElement

컨텍스트에 그릴 HTMLCanvasElement입니다.

dx double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 x 좌표입니다.

dy double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 y 좌표입니다.

DrawImage(HTMLImageElement, double, double, double, double)

지정된 이미지를 그립니다.

[DOMName("drawImage")]
void DrawImage(HTMLImageElement image, double dx, double dy, double dw, double dh)

매개변수

image HTMLImageElement

컨텍스트에 그릴 HTMLImageElement입니다.

dx double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 x 좌표입니다.

dy double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 y 좌표입니다.

dw double

대상 캔버스에 이미지를 그릴 너비입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 너비가 조정되지 않습니다.

dh double

대상 캔버스에 이미지를 그릴 높이입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 높이가 조정되지 않습니다.

DrawImage(HTMLCanvasElement, double, double, double, double)

지정된 이미지를 그립니다.

[DOMName("drawImage")]
void DrawImage(HTMLCanvasElement image, double dx, double dy, double dw, double dh)

매개변수

image HTMLCanvasElement

컨텍스트에 그릴 HTMLCanvasElement입니다.

dx double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 x 좌표입니다.

dy double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 y 좌표입니다.

dw double

대상 캔버스에 이미지를 그릴 너비입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 너비가 조정되지 않습니다.

dh double

대상 캔버스에 이미지를 그릴 높이입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 높이가 조정되지 않습니다.

DrawImage(HTMLImageElement, double, double, double, double, double, double, double, double)

지정된 이미지를 그립니다.

[DOMName("drawImage")]
void DrawImage(HTMLImageElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh)

매개변수

image HTMLImageElement

컨텍스트에 그릴 HTMLImageElement입니다.

sx double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 좌상단 모서리의 x 좌표입니다.

sy double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 좌상단 모서리의 y 좌표입니다.

sw double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 너비입니다. 지정되지 않으면, sx 및 sy로 지정된 좌표에서 이미지의 오른쪽 하단 모서리까지의 전체 사각형이 사용됩니다.

sh double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 높이입니다.

dx double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 x 좌표입니다.

dy double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 y 좌표입니다.

dw double

대상 캔버스에 이미지를 그릴 너비입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 너비가 조정되지 않습니다.

dh double

대상 캔버스에 이미지를 그릴 높이입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 높이가 조정되지 않습니다.

DrawImage(HTMLCanvasElement, double, double, double, double, double, double, double, double)

지정된 이미지를 그립니다.

[DOMName("drawImage")]
void DrawImage(HTMLCanvasElement image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh)

매개변수

image HTMLCanvasElement

컨텍스트에 그릴 HTMLCanvasElement입니다.

sx double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 좌상단 모서리의 x 좌표입니다.

sy double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 좌상단 모서리의 y 좌표입니다.

sw double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 너비입니다. 지정되지 않으면, sx 및 sy로 지정된 좌표에서 이미지의 오른쪽 하단 모서리까지의 전체 사각형이 사용됩니다.

sh double

대상 컨텍스트에 그릴 소스 이미지의 서브 사각형의 높이입니다.

dx double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 x 좌표입니다.

dy double

소스 이미지의 좌상단 모서리를 배치할 대상 캔버스의 y 좌표입니다.

dw double

대상 캔버스에 이미지를 그릴 너비입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 너비가 조정되지 않습니다.

dh double

대상 캔버스에 이미지를 그릴 높이입니다. 이로 인해 그려진 이미지의 크기를 조절할 수 있습니다. 지정되지 않으면, 이미지는 그려질 때 높이가 조정되지 않습니다.

Fill()

현재 채우기 스타일과 기본 알고리즘 CanvasFillRule.Nonzero를 사용하여 서브 경로를 채웁니다.

[DOMName("fill")]
void Fill()

Fill(CanvasFillRule)

현재 채우기 스타일을 사용하여 서브 경로를 채웁니다.

[DOMName("fill")]
void Fill(CanvasFillRule fillRule)

매개변수

fillRule CanvasFillRule

포인트가 경로 내부인지 외부인지 결정하는 알고리즘입니다.

Fill(Path2D)

현재 채우기 스타일과 기본 알고리즘 CanvasFillRule.Nonzero를 사용하여 서브 경로를 채웁니다.

[DOMName("fill")]
void Fill(Path2D path)

매개변수

path Path2D

채울 Path2D 경로입니다.

Fill(Path2D, CanvasFillRule)

현재 채우기 스타일을 사용하여 서브 경로를 채웁니다.

[DOMName("fill")]
void Fill(Path2D path, CanvasFillRule fillRule)

매개변수

path Path2D

채울 Path2D 경로입니다.

fillRule CanvasFillRule

포인트가 경로 내부인지 외부인지 결정하는 알고리즘입니다.

FillRect(double, double, double, double)

너비와 높이로 결정된 (x, y) 위치에 채워진 사각형을 그립니다.

[DOMName("fillRect")]
void FillRect(double x, double y, double w, double h)

매개변수

x double

사각형 시작점의 x축 좌표입니다.

y double

사각형 시작점의 y축 좌표입니다.

w double

사각형의 너비입니다.

h double

사각형의 높이입니다.

FillText(string, double, double)

주어진 (x,y) 위치에 주어진 텍스트를 그립니다(채웁니다).

[DOMName("fillText")]
void FillText(string text, double x, double y)

매개변수

text string

현재 글꼴, textAlign, textBaseline 및 방향 값을 사용하여 그릴 텍스트입니다.

x double

텍스트 시작점의 x축 좌표입니다.

y double

텍스트 시작점의 y축 좌표입니다.

FillText(string, double, double, double)

주어진 (x,y) 위치에 주어진 텍스트를 그립니다(채웁니다).

[DOMName("fillText")]
void FillText(string text, double x, double y, double maxWidth)

매개변수

text string

현재 글꼴, textAlign, textBaseline 및 방향 값을 사용하여 그릴 텍스트입니다.

x double

텍스트 시작점의 x축 좌표입니다.

y double

텍스트 시작점의 y축 좌표입니다.

maxWidth double

그릴 최대 너비입니다. 지정된 경우, 문자열이 이 너비보다 넓다고 계산되면, 글꼴이 더 가로로 압축된 글꼴을 사용하도록 조정됩니다(사용 가능한 경우) 또는 더 작은 글꼴로 조정됩니다.

GetImageData(double, double, double, double)

(sx, sy)에서 시작하여 sw 너비와 sh 높이를 가지는 사각형으로 표시된 캔버스 영역의 기본 픽셀 데이터를 나타내는 ImageData 객체를 반환합니다. 이 메서드는 캔버스 변환 행렬의 영향을 받지 않습니다.

[DOMName("getImageData")]
IImageData GetImageData(double sx, double sy, double sw, double sh)

매개변수

sx double

ImageData를 추출할 사각형의 좌상단 모서리의 x 좌표입니다.

sy double

ImageData를 추출할 사각형의 좌상단 모서리의 y 좌표입니다.

sw double

ImageData를 추출할 사각형의 너비입니다.

sh double

ImageData를 추출할 사각형의 높이입니다.

반환

IImageData

주어진 캔버스의 사각형에 대한 이미지 데이터를 포함하는 ImageData 객체입니다.

IsPointInPath(double, double)

지정된 점이 현재 경로에 포함되어 있는지 여부를 보고합니다.

[DOMName("isPointInPath")]
bool IsPointInPath(double x, double y)

매개변수

x double

확인할 점의 x 좌표입니다.

y double

확인할 점의 y 좌표입니다.

반환

bool

점이 경로의 채우기 영역 내부에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

IsPointInPath(double, double, CanvasFillRule)

지정된 점이 현재 경로에 포함되어 있는지 여부를 보고합니다.

[DOMName("isPointInPath")]
bool IsPointInPath(double x, double y, CanvasFillRule fillRule)

매개변수

x double

확인할 점의 x 좌표입니다.

y double

확인할 점의 y 좌표입니다.

fillRule CanvasFillRule

포인트가 경로 내부인지 외부인지 결정하는 알고리즘입니다.

반환

bool

점이 경로의 채우기 영역 내부에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

IsPointInPath(Path2D, double, double)

지정된 점이 현재 경로에 포함되어 있는지 여부를 보고합니다.

[DOMName("isPointInPath")]
bool IsPointInPath(Path2D path, double x, double y)

매개변수

path Path2D

확인할 Path2D 경로입니다.

x double

확인할 점의 x 좌표입니다.

y double

확인할 점의 y 좌표입니다.

반환

bool

점이 경로의 채우기 영역 내부에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

IsPointInPath(Path2D, double, double, CanvasFillRule)

지정된 점이 현재 경로에 포함되어 있는지 여부를 보고합니다.

[DOMName("isPointInPath")]
bool IsPointInPath(Path2D path, double x, double y, CanvasFillRule fillRule)

매개변수

path Path2D

확인할 Path2D 경로입니다.

x double

확인할 점의 x 좌표입니다.

y double

확인할 점의 y 좌표입니다.

fillRule CanvasFillRule

포인트가 경로 내부인지 외부인지 결정하는 알고리즘입니다.

반환

bool

점이 경로의 채우기 영역 내부에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

IsPointInStroke(double, double)

지정된 점이 경로의 스트로킹 영역에 포함되어 있는지 여부를 보고합니다.

[DOMName("isPointInStroke")]
bool IsPointInStroke(double x, double y)

매개변수

x double

확인할 점의 x 좌표입니다.

y double

확인할 점의 y 좌표입니다.

반환

bool

점이 경로의 스트로킹 영역 내부에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

IsPointInStroke(Path2D, double, double)

지정된 점이 경로의 스트로킹 영역에 포함되어 있는지 여부를 보고합니다.

bool IsPointInStroke(Path2D path, double x, double y)

매개변수

path Path2D

확인할 Path2D 경로입니다.

x double

확인할 점의 x 좌표입니다.

y double

확인할 점의 y 좌표입니다.

반환

bool

점이 경로의 스트로킹 영역 내부에 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

MeasureText(string)

TextMetrics 객체를 반환합니다.

[DOMName("measureText")]
ITextMetrics MeasureText(string text)

매개변수

text string

측정할 텍스트입니다.

반환

ITextMetrics

TextMetrics 객체입니다.

PutImageData(IImageData, double, double)

주어진 ImageData 객체의 데이터를 비트맵에 칠합니다. 더러운 사각형이 제공되면, 해당 사각형의 픽셀만 칠해집니다. 이 메서드는 캔버스 변환 행렬의 영향을 받지 않습니다.

[DOMName("putImageData")]
void PutImageData(IImageData imagedata, double dx, double dy)

매개변수

imagedata IImageData

픽셀 값 배열을 포함하는 ImageData 객체입니다.

dx double

대상 캔버스에 이미지 데이터를 배치할 수평 위치(x 좌표)입니다.

dy double

대상 캔버스에 이미지 데이터를 배치할 수직 위치(y 좌표)입니다.

PutImageData(IImageData, double, double, double, double, double, double)

주어진 ImageData 객체의 데이터를 비트맵에 칠합니다. 더러운 사각형이 제공되면, 해당 사각형의 픽셀만 칠해집니다. 이 메서드는 캔버스 변환 행렬의 영향을 받지 않습니다.

[DOMName("putImageData")]
void PutImageData(IImageData imagedata, double dx, double dy, double dirtyX, double dirtyY, double dirtyWidth, double dirtyHeight)

매개변수

imagedata IImageData

픽셀 값 배열을 포함하는 ImageData 객체입니다.

dx double

대상 캔버스에 이미지 데이터를 배치할 수평 위치(x 좌표)입니다.

dy double

대상 캔버스에 이미지 데이터를 배치할 수직 위치(y 좌표)입니다.

dirtyX double

수평 위치(x 좌표). 이미지 데이터의 좌상단 모서리의 x 좌표입니다. 기본값은 0입니다.

dirtyY double

수직 위치(y 좌표). 이미지 데이터의 좌상단 모서리의 y 좌표입니다. 기본값은 0입니다.

dirtyWidth double

칠할 사각형의 너비입니다. 기본값은 이미지 데이터의 너비입니다.

dirtyHeight double

칠할 사각형의 높이입니다. 기본값은 이미지 데이터의 높이입니다.

RemoveHitRegion(string)

캔버스에서 지정된 id의 히트 영역을 제거합니다.

[DOMName("removeHitRegion")]
void RemoveHitRegion(string id)

매개변수

id string

제거할 영역의 id를 나타내는 문자열입니다.

ResetTransform()

현재 변환을 단위 행렬로 재설정합니다.

[DOMName("resetTransform")]
void ResetTransform()

Restore()

저장된 ‘상태 스택’의 마지막 요소로 그리기 스타일 상태를 복원합니다.

[DOMName("restore")]
void Restore()

Rotate(double)

변환 행렬에 회전을 추가합니다. 각도 인수는 시계 방향 회전 각도를 나타내며 라디안으로 표현됩니다.

[DOMName("rotate")]
void Rotate(double angle)

매개변수

angle double

라디안으로 표현된 시계 방향 회전 각도입니다.

Save()

현재 그리기 스타일 상태를 스택에 저장하여 restore()를 사용하여 변경 사항을 되돌릴 수 있습니다.

[DOMName("save")]
void Save()

Scale(double, double)

x 방향으로는 수평으로, y 방향으로는 수직으로 캔버스 단위에 스케일링 변환을 추가합니다.

[DOMName("scale")]
void Scale(double x, double y)

매개변수

x double

수평 방향의 스케일링 계수입니다.

y double

수직 방향의 스케일링 계수입니다.

SetTransform(double, double, double, double, double, double)

현재 변환을 단위 행렬로 재설정한 다음, 동일한 인수로 transform() 메서드를 호출합니다.

[DOMName("setTransform")]
void SetTransform(double a, double b, double c, double d, double e, double f)

매개변수

a double

수평 스케일링입니다.

b double

수평 왜곡입니다.

c double

수직 왜곡입니다.

d double

수직 스케일링입니다.

e double

수평 이동입니다.

f double

수직 이동입니다.

Stroke()

현재 스트로크 스타일로 서브 경로를 스트로크합니다.

[DOMName("stroke")]
void Stroke()

Stroke(Path2D)

현재 스트로크 스타일로 서브 경로를 스트로크합니다.

[DOMName("stroke")]
void Stroke(Path2D path)

매개변수

path Path2D

스트로크할 Path2D 경로입니다.

StrokeRect(double, double, double, double)

(x, y) 위치에서 시작하고 너비가 w, 높이가 h인 사각형을 현재 스트로크 스타일을 사용하여 캔버스에 그립니다.

[DOMName("strokeRect")]
void StrokeRect(double x, double y, double w, double h)

매개변수

x double

사각형 시작점의 x축 좌표입니다.

y double

사각형 시작점의 y축 좌표입니다.

w double

사각형의 너비입니다.

h double

사각형의 높이입니다.

StrokeText(string, double, double)

주어진 (x, y) 위치에 주어진 텍스트를 그립니다(스트로크합니다).

[DOMName("strokeText")]
void StrokeText(string text, double x, double y)

매개변수

text string

현재 글꼴, textAlign, textBaseline 및 방향 값을 사용하여 그릴 텍스트입니다.

x double

텍스트 시작점의 x축 좌표입니다.

y double

텍스트 시작점의 y축 좌표입니다.

StrokeText(string, double, double, double?)

주어진 (x, y) 위치에 주어진 텍스트를 그립니다(스트로크합니다).

[DOMName("strokeText")]
void StrokeText(string text, double x, double y, double? maxWidth)

매개변수

text string

현재 글꼴, textAlign, textBaseline 및 방향 값을 사용하여 그릴 텍스트입니다.

x double

텍스트 시작점의 x축 좌표입니다.

y double

텍스트 시작점의 y축 좌표입니다.

maxWidth double?

그릴 최대 너비입니다. 지정된 경우, 문자열이 이 너비보다 넓다고 계산되면, 글꼴이 더 가로로 압축된 글꼴을 사용하도록 조정됩니다(사용 가능한 경우) 또는 더 작은 글꼴로 조정됩니다.

Transform(double, double, double, double, double, double)

현재 변환 행렬을 인수로 설명된 행렬과 곱합니다.

[DOMName("transform")]
void Transform(double a, double b, double c, double d, double e, double f)

매개변수

a double

수평 스케일링입니다.

b double

수평 왜곡입니다.

c double

수직 왜곡입니다.

d double

수직 스케일링입니다.

e double

수평 이동입니다.

f double

수직 이동입니다.

Translate(double, double)

캔버스와 원점을 x 방향으로는 수평으로, y 방향으로는 수직으로 이동하여 변환 변환을 추가합니다.

[DOMName("translate")]
void Translate(double x, double y)

매개변수

x double

수평 방향으로 이동할 거리입니다.

y double

수직 방향으로 이동할 거리입니다.

 한국어