화면 밖의 <canvas>
요소의 드로잉 표면에 2D 렌더링 컨텍스트를 제공한다. 도형, 텍스트, 이미지 및 기타 객체를 그리는데 사용된다.
생성자 함수는 없으며 OffscreenCanvas.prototype.getContext()
메소드에 의해서 반환된다.
현재 패스에 호를 그린다.
현재 위치에서 주어진 제어점과 반지름을 사용하여 호를 추가한다.
새로운 패스를 시작한다.
현재 패스에서 3차 베지어 곡선을 추가한다.
시작점(x
, y
) 및 크기(width
, height
)로 정의된 사각형 영역의 모든 픽셀들을 제거한다.
현재 패스에서 클리핑 경로를 만든다.
열린 패스를 시점 지점과 연결하여 닫는다.
지정된 치수를 갖는 새로운 ImageData
객체를 생성한다.
매개변수로 지정된 좌표에 지정된 선을 따라 선형 그라데이션을 만든다.
지정된 이미지를 사용하여 패턴을 만든다.
매개 변수에 지정된 두 원의 좌표로 지정된 방사형 그라데이션을 만든다.
캔버스에 이미지를 그리는 다양한 방법을 제공한다.
현재 패스에 타원을 추가한다.
현재 패스로 생성된 면에 지정된 스타일로 채운다.
width
와 height
에 따라 크기가 결정되는 x
, y
에 위치에 채워진 사각형을 그린다.
캔버스에 텍스트를 추가한다.
지정된 좌표와 폭과 높이를 갖는 사각형으로 표시된 캔버스 영역에 대한 기본 픽셀 데이터를 나타내는 ImageData
객체를 반환한다.
대시라인(dash line)의 패턴 배열을 반환한다.
컨텍스트에 적용 중인 현재 변환 행렬을 검색한다.
지정된 포인트가 현재 패스에 포함되어 있는지 여부를 확인한다.
지정된 포인트가 패스의 stroke 영역 내에 있는지 여부를 알려준다.
현재 위치에서 매개 변수로 지정된 좌표로 직선으로 연결한다.
TextMetrics 객체를 반환한다.
매개 변수로 지정된 좌표로 이동한다.
지정된 ImageData 객체의 데이터를 비트맵에 그린다.
현재 패스에 2차 베지어 곡선을 추가한다.
매개 변수로 지정된 위치와 가로, 세로 크기를 사용하여 사각형 패스를 만든다.
단위 행렬로 현재 변환을 재설정한다.
save()로 저장된 상태 스택의 마지막 요소를 사용하여 복원한다.
변환 행렬에 회전을 추가한다.
현재 그리기 스타일 상태를 저장한다.
가로, 세로 값을 지정하여 <canvas>
요소의 단위에 크기 조정 변환을 추가한다.
대시 라인을 주어진 패턴으로 설정한다.
현재 변환을 단위 행렬로 재설정한 다음 동일한 인수로 transform() 메소드를 호출한다.
선을 지정된 스타일로 적용한다.
현재 획 스타일을 사용하여 x, y 값을 갖는 시작점에서 width, height 값을 갖는 사각형을 캔버스에 그린다.
x
, y
로 주어진 위치에 텍스트를 그린다.
현재 변환 행렬에 인수로 설정된 행렬을 곱한다.
캔버스와 캔버스의 원점을 그리드에서 x, y로 이동하여 변환을 추가한다.
OffscreenCanvas
객체를 참조한다.
텍스트의 방향을 설정한다.
면에 적용할 색 또는 스타일을 지정한다.
캔버스에 CSS 또는 SVG 필터를 적용한다.
글꼴 및 크기를 설정한다.
캔버스에 합성되기 전에 쉐입(shape)과 이미지에 적용되는 투명도 값을 나타낸다.
새로운 형태를 캔버스에 그릴 때 적용할 합성 방식을 설정한다.
크기가 조정된 이미지를 매끄럽게 처리하기 위해 활성 여부를 설정한다.
이미지의 매끄러운 품질을 설정한다.
선 끝의 유형을 설정하거나 조회한다.
대시 라인에서 패턴을 시작할 위치를 지정한다.
선이 꺽이는 경우 모서리의 모양을 설정하거나 조회한다.
선의 굵기를 설정하거나 조회한다.
연귀한계 비율을 나타낸다.
그림자에 흐림 효과를 위한 값을 지정한다.
그림자의 색상을 지정한다.
그림자의 수평 위치를 나타낸다.
그림자의 수직 위치를 나타낸다.
선에 적용할 색 또는 스타일을 지정한다.
텍스트가 렌더링되는 좌표 기준으로 정렬을 설정한다.
텍스트 기준선에 대한 정렬을 설정한다.
객체가 특정 프로퍼티를 가지고 있는지를 블린(boolean
) 값으로 반환한다.
해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다.
매개 변수의 속성이 열거가능(enumerable)한지 여부를 체크한다.
객체를 나타내는 문자열을 작동하는 지역(locale)의 방식으로 출력이 된다.
객체를 나타내는 문자열을 반환한다.
객체의 원시(primitive) 값을 반환한다.
객체의 생성자 함수를 참조한다.
상속된 [[Prototype]]
참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.