Метод Canvas isPointInPath()

Определение и использование

isPointInPath() метод возвращает trueесли указанная точка находится на текущем пути; в противном случае возвращает false

Пример

Нарисуйте прямоугольник, если точка 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();
   };

попробуйте сами

грамматика

context.isPointInPath(x,y);

Значение параметра

Параметр Описание
x Тестированная координата x
y Тестированная координата y

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

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

Комментарий:Интернет-Explorer 8 и более ранние версии не поддерживают элемент <canvas>.