Phương thức Canvas isPointInPath()

Tài liệu tham khảo Canvas

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

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

Mô hình

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ử trực tiếp

cơ chế

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ú:Trình duyệt Internet Explorer 8 và các phiên bản trước không hỗ trợ phần tử <canvas>.

Tài liệu tham khảo Canvas