Обнаруживание точки внутри или снаружи формы raphael.js

Question

У меня есть форма raphael.js, на которой я рисую круг сверху. Я хочу, чтобы круг появлялся только в том случае, если круг не покидает границу формы, на которую он нанесен.

Чтобы сделать это более ясным, вот пример того, что я не хочу, чтобы это произошло:

Example http://img682.imageshack.us/img682/4168/shapeh.png

Я хочу, чтобы круги за пределами серой области не появляться. Как бы я обнаружил, что круг внутри или снаружи серой формы?

Answer 1

Вы можете просто применить клип-путь (который должен быть определен как серая фигура в вашем примере) в группе (<g>), содержащей круги.

См. this example от w3c SVG testsuite, как использовать клип-пути.

Answer 2

Один из возможных способов dertermine если точка находится внутри замкнутого контура заключается в следующем:

1. Выберите координаты, которые, безусловно, вне формы.
2. Сделайте линию от этой точки до вашей фактической точки.
3. Подсчитайте, как часто линия пересекается с дорожкой.
4. Если число пересечений нечетное, то ваша точка внутри. Если это так, точка снаружи.

Я не знаю, если это вам очень поможет, так как я вообще не знаю raphael.js. Но это рабочий геометрический подход к проблеме.

Answer 3

Это похоже на «Hit-testing SVG shapes?».

Вам нужно просто вызвать getIntersectionList() в позиции круга и посмотреть, вернет ли он большую серовую форму.