Metode isPointInPath() di HTML canvas

Definisi dan penggunaan

isPointInPath() method kembalikan truejika titik yang ditentukan berada di jalur saat ini; sebaliknya kembalikan false

Contoh

Gambar suatu persegi panjang, jika titik 20,50 berada di 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

Sintaks

context.isPointInPath(x,y);

Nilai parameter

Parameter Deskripsi
x Koordinat x yang diuji
y Koordinat y yang diuji

Dukungan peramban

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

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

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