HTML canvas isPointInPath() metod

HTML5 Canvas-referenshandbok

Definition och användning

isPointInPath() Metoden returnerar trueom den angivna punkten ligger på den aktuella vägen; annars returneras false。

Exempel

Rita en rektangel, om punkten 20,50 ligger på den aktuella vägen:

Din webbläsare stöder inte HTML5 canvas-taggen.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
if (ctx.isPointInPath(20,50))
   {
   ctx.stroke();
   };

Prova själv

Syntax

context.isPointInPath(x,y);

Parametervärde

Parameter Beskrivning
x Testad x-koordinat
y Testad y-koordinat

Webbläsarstöd

Tal i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

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

Kommentar:Internet Explorer 8 och äldre versioner stöder inte <canvas>-elementet.

HTML5 Canvas-referenshandbok