[dmitriymar]

Далее мне не ясно как метод isPointinPath работает?
Что бы я это смог понять мне надо увидеть на моем(или хоть каком то примере его в действии..)

http://www.xiper.net/manuals/canvas/...intInPath.html

var canvas = document.getElementById("picture");
var ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.rect(50,50,100,50);
ctx.fill();
ctx.closePath();

var isPath = ctx.isPointInPath(50,50); // return true
var isPath2 = ctx.isPointInPath(1,1); // return false

именно так и работет , если по координатам указанным есть нарисованная точка вернёт тру , иначе фалс

if (ctx.isPointInPath(1,1)) {
alert('Ура !');
};

Ранее я давал ссылку в какой было написано когда путь отрисовывается
Там же:

http://www.xiper.net/manuals/canvas/2D-api/font.html
...
если посмотреть на примеры относительно текста , в глаза явно бросается отсутствие

ctx.beginPath();

а если перейти на метод
http://www.xiper.net/manuals/canvas/...beginPath.html
явно можно прочитать для чего он используется . За чем же его совать для того , для чего он не предназначен?

а если забить в поиске канва яваскрипт основы , то можно перейти с первой страницы на подобные сайты
http://w3pro.ru/article/html-5-canva...chinayushchikh

инете просто нет примера(детального) на русском.(не исключаю что я мог не найти - но прогуглил я прилично. По нескольку страниц из каждого поискового запроса!)

Есть это всё , и на тех сайтах ссылки на какие давал, это просто вы читать и понимать их не хотите