Manuale di riferimento HTML

Completo elenco degli elementi HTML

Metodo isPointInPath() di HTML canvas

isPointInPath() è un metodo dell'API Canvas 2D utilizzato per determinare se un punto specifico si trova sulla traiettoria corrente.

Manuale di riferimento per HTML canvas

Esempio online

Se il punto 20,50 si trova sulla traiettoria corrente, disegna un rettangolo:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo del metodo isPointInPath() di HTML canvas - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il suo browser non supporta il tag HTML5 canvas.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20,20,150,100);
if (ctx.isPointInPath(20,50))
{
　　　　ctx.stroke();
};
</script>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano isPointInPath() Metodo.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

Se il punto specificato si trova nel percorso corrente, il metodo isPointInPath() restituisce true, altrimenti restituisce false

Sintassi JavaScript:	context.isPointInPath(x,y);

Valore del parametro

Parametro	Descrizione
x	asse x da testare.
y	y asse da testare.

Manuale di riferimento per HTML canvas

HTML: <template> etichetta