วิธี isPointInPath() ของ canvas HTML

คู่มืออ้างอิง HTML5 Canvas

คำนิยามและวิธีใช้

isPointInPath() วิธีที่กลับค่า trueหากจุดที่กำหนดตั้งอยู่ในเส้นทางปัจจุบัน; ไม่เช่นนั้น กลับค่า false。

ตัวอย่าง

วาดเส้นทางสี่เหลี่ยมจัตุรัส หากจุด 20,50 ตั้งอยู่ในเส้นทางปัจจุบัน:

browser ไม่สนับสนุน tag 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();
   };

ทดลองด้วยตัวเอง

ภาษาคำสั่ง

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