Metode Canvas isPointInPath()

Panduan Referensi Canvas

Definisi dan penggunaan

isPointInPath() metode mengembalikan truejika titik yang ditentukan berada di dalam jalur saat ini; sebaliknya kembalikan false。

Contoh

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

Browser Anda tidak mendukung 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();
   };

coba sendiri

gramata

context.isPointInPath(x,y);

Nilai Parameter

Parameter Deskripsi
x x koordinat yang diuji
y y koordinat yang diuji

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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

Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.

Panduan Referensi Canvas