Manuel de référence HTML

Tous les étiquettes HTML

Méthode isPointInPath() de HTML canvas

isPointInPath() est une méthode de Canvas 2L'API D est utilisée pour déterminer si un point de détection est contenu dans le chemin actuel.

Manuel de référence pour HTML canvas

Exemple en ligne

Si le point 20,50 est situé sur le chemin actuel, dessinez un rectangle :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de la méthode isPointInPath() de HTML canvas-base tutoriel(oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" hauteur="150" style="border:1px solide #d3d3d3">
Votre navigateur ne prend pas en charge l'HTML5　canvas étiquette.
</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>

Voyons voir ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Internet Explorer 9et Firefox, Opera, Chrome et Safari prennent en charge isPointInPath() Méthode.

Attention :Internet Explorer 8 Les versions précédentes de HTML et CSS ne prennent pas en charge l'élément <canvas>.

Définition et utilisation

Si le point spécifié est dans le chemin actuel, la méthode isPointInPath() retourne true, sinon elle retourne false

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

Valeur du paramètre

Paramètre	Description
x	X coordonnée à tester.
y	Y coordonnée à tester.

Manuel de référence pour HTML canvas

HTML: <template> balise