Html5畫布只能在預先存在的線上點擊並在點擊時添加點

Question

我很難找到一種很好的方法來限制我的鼠標只能點擊畫布上的預先存在的線（筆畫寬度爲3 ）

我需要知道什麼

1. 如何限制鼠標所以只能點擊預先存在的線，上單擊添加點

線畫有此功能

function createLine(startX:Float, startY:Float, endX:Float, endY:Float) 
{  
    surface.beginPath(); 
    surface.moveTo(startX, startY); 
    surface.lineTo(endX, endY); 
    surface.closePath(); 
    surface.strokeStyle = '#ffffff'; 
    surface.lineWidth = 2; 
    surface.stroke(); 
} 

我在haXe的工作，但在JS的解決辦法是罰款

在此先感謝。

Answer 1

唯一的方法是讓您跟蹤您所繪製的內容並自行完成碰撞/鼠標檢測。

如果你需要你的畫布高度互動，你應該看看SVG。 http://raphaeljs.com/是一個非常棒的圖庫，它將使用canvas或SVG，無論哪一個都可用。