Phương pháp isPointInPath() của canvas HTML

Định nghĩa và cách sử dụng

isPointInPath() Phương pháp trả về truenếu điểm được chỉ định nằm trong đường dẫn hiện tại; ngược lại trả về false

Ví dụ

Vẽ một hình vuông, nếu điểm 20,50 nằm trong đường dẫn hiện tại:

Trình duyệt của bạn không hỗ trợ thẻ canvas 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();
   };

Thử ngay

Cú pháp

context.isPointInPath(x,y);

Giá trị tham số

Tham số Mô tả
x Tọa độ x được kiểm tra
y Tọa độ y được kiểm tra

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

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

Ghi chú:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ phần tử <canvas>.