Перейти к содержанию

isPointInPath()

Метод isPointInPath() возвращает значение true, если заданная точка находится внутри текущего контура, в обратном случае возвращается значение false.

Синтаксис

ctx.isPointInPath(x, y [, fillRule]);
ctx.isPointInPath(path, x, y [, fillRule]);

Параметры

x
Координата X проверяемой точки
y
Координата Y проверяемой точки
fillRule
Выбор алгоритма заливки фигуры
Возможные значения:
  • nonzero: Правило ненулевого индекса, значение по умолчанию
  • evenodd: Четно-нечетное правило
path
Path2D путь для заливки.

Спецификация

Пример

Нарисуем прямоугольник, если точка с координатами 20, 50 находится внутри текущего контура:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:

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

Ссылки