Canvas isPointInPath() 메서드

Canvas 참조 가이드

정의와 사용법

isPointInPath() 메서드가 반환합니다 true지정된 점이 현재 경로에 위치하면; 그렇지 않으면 false。

예제

점 20,50이 현재 경로에 위치하면 다각형을 그립니다:

당신의 브라우저는 HTML5 canvas 태그를 지원하지 않습니다.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
if (ctx.isPointInPath(20,50))
   {
   ctx.stroke();
   };

직접 시도해 보세요

문법

context.isPointInPath(x,y);

파라미터 값

파라미터 설명
x 테스트된 x 좌표
y 테스트된 y 좌표

브라우저 지원

표에서 수치는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.

Canvas 참조 가이드