HTML 캔버스 isPointInPath() 메서드

HTML5 Canvas 참조 가이드

정의와 사용법

isPointInPath() 메서드가 반환 true지정된 포인트가 현재 경로에 위치하면; 그렇지 않으면 반환 false。

예제

사각형을 그리면, 포인트 20,50이 현재 경로에 위치한 경우:

브라우저에서 HTML5 캔버스 태그를 지원하지 않습니다.

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> 요소를 지원하지 않습니다.

HTML5 Canvas 참조 가이드