Metode Canvas isPointInPath()

Definisi dan penggunaan

isPointInPath() metodenya mengembalikan true;jika titik yang ditentukan berada di dalam jalur saat ini;lainnya kembalikan false

Contoh

Menggambar sebuah persegi, jika titik 20,50 berada di dalam jalur saat ini:

Browser anda tidak menyokong tag 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);

Parameter Value

Parameter Description
x Tested x-coordinate
y Tested y-coordinate

Browser Support

The numbers in the table indicate the first browser version that fully supports this property.

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

Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.