HTML Canvas isPointInPath() Methode

HTML5 Canvas Referenzhandbuch

Definition und Verwendung

isPointInPath() Die Methode gibt zurück truewenn der angegebene Punkt auf dem aktuellen Pfad liegt; sonst wird false.

Beispiel

Zeichnen Sie ein Rechteck, wenn der Punkt 20,50 auf dem aktuellen Pfad liegt:

Ihr Browser unterstützt das HTML5 Canvas-Tag nicht.

JavaScript:

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

Selbst ausprobieren

Syntax

context.isPointInPath(x,y);

Parameterwert

Parameter Beschreibung
x Getestete x-Koordinate
y Getestete y-Koordinate

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.

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

Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.

HTML5 Canvas Referenzhandbuch