HTML 参考手册

HTML 标签大全

HTML canvas isPointInPath() 方法

isPointInPath()是 Canvas 2D API 用于判断在当前路径中是否包含检测点的方法。

在线示例

如果点 20,50 位于当前路径中，则绘制一个矩形：

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Uso del método isPointInPath() en HTML canvas-基础教程(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px sólido #d3d3d3>
您的浏览器不支持 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>

Ver aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Y Firefox, Opera, Chrome y Safari admiten isPointInPath() Método.

Nota:Internet Explorer 8 Las versiones anteriores a la 9 no admiten el elemento <canvas>.

Definición y uso

Si el punto especificado está en la trayectoria actual, el método isPointInPath() devuelve true, de lo contrario devuelve false

Sintaxis de JavaScript:	context.isPointInPath(x,y);

Valor del parámetro

Parámetro	Descripción
x	Coordenada x a probar.
y	Coordenada y a probar.

Manual de referencia de canvas HTML

HTML: <template> etiqueta